飞冰（ICE）诞生于阿里巴巴内部大量的中后台业务，我们在中后台场景沉淀了大量的物料、工具及经验，同时也抽象出一套从物料到项目的完整开发流程。如果你符合以下两种场景之一，那么欢迎了解下飞冰（ICE）体系

• 如果你所在的团队使用 react 开发前端项目，那么你可以最大限度的发挥飞冰（ICE）的能力：丰富的物料体系、完善的工程构建工具、GUI 开发能力，甚至你也可以定制私有的物料体系

• 如果你所在的团队使用 vue 或者其他框架开发前端项目，那么你可以基于飞冰（ICE）的工具体系开发私有的物料体系，然后通过可视化开发工具串联使用

特性

• 由官方维护的高质量 React 物料：包含 Fusion 基础组件，30+ 业务组件，40+ 模板，200+ 区块，赋能业务

• 基于 Iceworks 的 GUI 开发链路：基于 Electron 开发的桌面端工具，让开发链路更加简单易用

• 基于 ice-scripts 的工程构建能力：屏蔽 webpack/babel 等的复杂配置，同时提供丰富的自定义能力，让 React 项目的开发构建更加简单

• 基于 ice-devtools 快速构建物料体系：支持构建 React/Vue/…… 等不同的前端框架的物料体系；支持业务根据自身需求开发私有物料，同时在 Iceworks 端灵活使用

物料

物料即组成一个前端项目的不同单位，我们将物料从小到大依次抽象为：组件 -> 区块 -> 模板，具体定义如下：

• 组件：

  • 基础组件：同一公司同类业务应该只有一套基础组件，基础组件需要足够原子化以及灵活性，比如 Button, Menu 等

  • 业务组件：面向业务的组件体系，一般功能比较确定同时复杂度较高，业务里通过 npm 依赖使用，不可随意更改业务组件代码

• 区块：与组件相比灵活性较高，功能相对比较简单，对应代码量也比较少，业务里会将区块的代码复制到项目里使用

• 模板：样板工程，通常会包含通用的布局、常用页面、工程配置等，常在初始化项目时使用

链接: https://fly63.com/nav/1334