抽取组件就是把相对独立的业务组件或者功能性的组件抽取成npm包的形式,可供多个场景使用。
什么情况下抽取:
- 业务逻辑相对独立,多个场景共用;
- 当交给独立团队进行开发时;
抽取流程:
1.利用组件库脚手架开发;
2.设计上考虑复用性。
当业务场景比较完整且独立,不依赖于场景,则所有逻辑封装进组件内部;
当组件依赖于各个场景显示不同,则考虑外部传入标志位和数据,组件内部兼容显示,最好样式可覆盖;
- 基础依赖记得externals;或者使用peerDependencies从宿主项目获取依赖库。
- 在package.json的scripts中添加prepare属性,使抽取的npm包在提交后自动构建,打出新包。
"scripts": {
"prepare": "yarn build",
},
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。