Materials

Based on Fusion Components and ice.js Framework.

Setup

$ npm run setup

Develop

See Material Development Guide to learn more.

# block
$ cd blocks/ExampleBlock
$ npm install
$ npm run start

Scaffolds

Each scaffold in the scaffolds folder is generated by a configuration file .template/scaffold.json, please do not manually modify the contents of the scaffold.

Generate scaffold command:

$ cd materials/
$ node scripts/generate.js fusion-design-pro

Batch Publish Blocks

$ cd materials/
$ node scripts/publish-blocks.js

Batch Publish Scaffolds

$ cd materials/
$ TYPE=scaffolds node scripts/publish-blocks.js

Add New Material

$ iceworks add  # select block|component|scaffold|page

Publish

Generate Materials Data

$ iceworks generate

Publish Materials Data

# sync to fusion material center
$ iceworks sync

# sync to oss, will work in Iceworks
$ ACCESS_KEY_ID=xxx ACCESS_KEY_SECRET=yyy node scripts/oss/upload.js

Usage

Install Iceworks for VS Code:

Add the materials data URL to Iceworks:

https://ice.alicdn.com/assets/materials/react-materials.json

See Custom Material to learn more about how to use materials in Iceworks.