组件库

技术开发框架基于 storybook

技术选型

1. storybook
2. cypress
3. npm 标准包分发方式
4. jest

技术功能点

基本功能

1. 组件依赖 package.json 配置
2. 组件入口
3. 代码打包
   • ES6 module 模式
4. 组件演示预览
5. 组件文档
6. 组件代码预览 code sandebox
7. ESlint

测试

1. e2e 测试 Cypress
2. 单元测试 jest
3. 模拟数据 mocha
4. 快照测试 snapshot

后期功能

1. 按需引入
2. 主题色
3. 组件库文档样式
4. 组件库部署

参考文档

Building an Angular 4 Component Library with the Angular CLI and ng-packagr