如何配置package.json实现共享node_modules并按需下载额外依赖

一、package.json配置方案 #

1. wrapper/package.json #

采用你提供的配置即可，这里集中管理所有项目的共享依赖：

{
  "name": "shared-angular-packages",
  "private": true,
  "dependencies": {
    "dep1": "1",
    "dep2": "2"
  },
  "devDependencies": {
    "devDep1": "1"
  }
}

2. 子项目package.json #

子项目需完整声明自身所有依赖（含共享依赖），这样既能复用上层wrapper的依赖，也能支持独立安装。具体配置如下：

project1/package.json

{
  "name": "project1-package",
  "private": true,
  "dependencies": {
    "dep1": "1",
    "dep2": "2",
    "dep3": "3"
  },
  "devDependencies": {
    "devDep1": "1",
    "devDep2": "2"
  }
}

project2/package.json

{
  "name": "project2-package",
  "private": true,
  "dependencies": {
    "dep2": "2",
    "dep3": "3",
    "dep4": "4"
  },
  "devDependencies": {
    "devDep3": "3",
    "devDep4": "4"
  }
}

核心操作流程 #

1. 先在wrapper目录执行npm install，将共享依赖安装到wrapper/node_modules
2. 进入子项目目录执行npm install：npm会自动向上匹配wrapper/node_modules中已存在且版本一致的依赖，不会重复下载，仅将子项目特有的依赖（如project1的dep3、devDep2）安装到子项目本地node_modules，最终形成你预期的文件结构。

二、未安装wrapper依赖的场景处理 #

若未在wrapper目录执行npm install，直接在子项目目录运行npm install，npm因无法找到上层共享依赖，会自动将子项目package.json中声明的所有依赖（含共享和特有依赖）全部安装到子项目本地node_modules，确保项目可正常运行。

内容的提问来源于stack exchange，提问作者canmustu