项目中多个单独子应用共同依赖外层文件

137 阅读1分钟

需求

image.png

  • 如图中所示,项目Front-Project项目中有Project-A、Project-B、Project-C 三个子应用,其中三个子应用中都使用了common文件。因为三个子应用是单独部署,因此需要将common文件作为依赖,在每个子应用中引入该依赖。

方案一

  • 方法:将common文件上传至公司内部依赖库,然后三个子应用分别引入。

  • 缺点:需要将common作为单独项目,去提交到私有库中,每次修改common需要拉取common去修改。

方案二

  • 方法:三个子应用通过 npm install ../common 引入外层文件。
  • 优点:因为Front-Project项目是作为一个大项目,每次拉取都是拉取整个项目内容。当需要修改common文件时,可以直接修改该文件。

common文件要求

image.png

// package.json 
{
  "name": "common",
  "version": "1.0.0",
  "license": "MIT",
  "main": "index.js"  // 入口文件需要有导出内容 export xxx
}