抽取组件就是把相对独立的业务组件或者功能性的组件抽取成npm包的形式,可供多个场景使用。

什么情况下抽取:

  1. 业务逻辑相对独立,多个场景共用;
  2. 当交给独立团队进行开发时;

抽取流程:
1.利用组件库脚手架开发;
2.设计上考虑复用性。

  当业务场景比较完整且独立,不依赖于场景,则所有逻辑封装进组件内部;
  当组件依赖于各个场景显示不同,则考虑外部传入标志位和数据,组件内部兼容显示,最好样式可覆盖;  
  1. 基础依赖记得externals;或者使用peerDependencies从宿主项目获取依赖库。
  2. 在package.json的scripts中添加prepare属性,使抽取的npm包在提交后自动构建,打出新包。
 "scripts": {
    "prepare": "yarn build",
  },

前端小梁
1 声望0 粉丝