如何让ng serve使用全局npm包，避免生成本地node_modules？

核心结论 #

可以配置让ng serve使用全局安装的包，但存在版本兼容、协作等限制，更推荐用软链接或包管理器优化方案替代。

为什么全局安装后仍报错？ #

Angular CLI默认优先查找项目本地node_modules中的构建器依赖，全局安装的包路径不在它的默认搜索范围内，因此会提示找不到@angular-devkit/build-angular:dev-server。

直接配置使用全局包的方法 #

1. 临时指定构建器路径

先找到全局包的安装路径：

npm list -g @angular-devkit/build-angular

执行后会输出全局包的绝对路径（比如Linux/macOS下的/usr/local/lib/node_modules/@angular-devkit/build-angular，Windows下的C:\Users\<你的用户名>\AppData\Roaming\npm\node_modules\@angular-devkit\build-angular）。

之后运行ng serve时手动指定该路径：

ng serve --port 34000 --builder 你的全局包绝对路径:dev-server

2. 永久配置到项目

修改项目根目录的angular.json，找到architect > serve > builder字段，替换为全局包的绝对路径：

"serve": {
  "builder": "/usr/local/lib/node_modules/@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "your-project:build"
  }
}

之后直接运行ng serve --port 34000就会自动调用全局包。

必须注意的问题 #

• 版本严格匹配：全局安装的@angular-devkit/build-angular版本必须和项目的Angular核心包版本完全一致，否则会出现编译错误、API不兼容等问题。
• 团队协作冲突：如果多人开发，每个人的全局包路径不同，修改angular.json会导致其他成员无法正常运行项目。
• 功能潜在失效：部分自定义构建逻辑、第三方插件可能依赖本地node_modules中的其他依赖，全局调用可能引发未知问题。

更优的空间节省方案 #

如果核心诉求是减少重复依赖的磁盘占用，推荐以下两种方案：

• npm link软链接：在全局包目录执行npm link，然后在项目目录执行npm link @angular-devkit/build-angular，项目会创建软链接指向全局包，而非本地安装。
• 使用pnpm包管理器：pnpm采用共享存储机制，不同项目的相同版本依赖会共用同一个文件，能大幅降低node_modules体积，安装后用pnpm install替代npm install即可。

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