Iceworks 關(guān)于物料

在中后臺系統(tǒng)開發(fā)中，我們早已習(xí)慣了基于 Fusion、antd 等基礎(chǔ)組件搭建我們的頁面。然而這些基礎(chǔ)組件很難完全滿足我們的業(yè)務(wù)需求，實際項目開發(fā)中往往包含大量重復(fù)的業(yè)務(wù)場景。這些業(yè)務(wù)場景很多都是大同小異的，有些是有一定業(yè)務(wù)邏輯的組件（員工選擇器、表單等），另一些是由基礎(chǔ)組件和業(yè)務(wù)組件組合成的列表、模塊，還有一些是頁面布局、視覺規(guī)范、項目工程化等。如何復(fù)用這些業(yè)務(wù)場景，降低中后臺系統(tǒng)開發(fā)的成本呢？ICE 團隊通過與社區(qū)一起共建物料體系，提供海量高質(zhì)量的物料來解決這些問題。

物料即組成一個前端項目的不同單位，根據(jù)抽象粒度的不同，我們將物料從小到大分為組件（component）、區(qū)塊（block）和模板（scaffold）。在基于物料體系的開發(fā)中，我們使用項目物料來初始化前端工程，提供最佳實踐，解決工程問題，再使用區(qū)塊和組件像搭積木一樣快速搭建頁面。

概念解釋

物料分為組件（component）、區(qū)塊（block）和項目（scaffold）四種類型：

• 組件（component）：功能比較確定同時復(fù)雜度較高，例如用戶選擇器、地址選擇器等，項目中只需要引入對應(yīng)的 npm 包即可，項目不關(guān)心也無法修改組件內(nèi)部的代碼，只能通過組件定義的 props 控制。
• 區(qū)塊（block）：一般是一個 UI 模塊，使用區(qū)塊時會將區(qū)塊代碼拷貝到項目代碼中，項目里可以對區(qū)塊代碼進(jìn)行任何改動，因此區(qū)塊后續(xù)的升級也不會對項目有任何影響，這是區(qū)塊跟業(yè)務(wù)組件的最大區(qū)別。
• 項目模板（scaffold）：即項目腳手架，用于項目初始化。

物料開發(fā)工具

我們通過 iceworks CLI 這個工具提供物料的開發(fā)與管理，其本身不耦合任何前端框架或工程體系，這意味著基于 iceworks CLI 可以開發(fā) React/Vue/Angular 等各種前端體系的物料。iceworks CLI 具有以下特性：

• 支持不同前端框架和工程的物料開發(fā)
• 支持物料的初始化以及管理能力
• 支持物料數(shù)據(jù)生成和校驗
• 支持將物料托管到 fusion.desion
• 支持自定義物料模板能力