如何将Angular项目的node_modules安装到自定义目录（Windows环境）

针对你的场景，有几种可靠的方法可以将node_modules迁移到非同步目录，同时保留项目核心文件在原位置：

方法1：通过package.json配置npm安装路径（推荐） #

1. 先删除项目根目录下原有的node_modules文件夹和package-lock.json文件：

   rmdir /s /q node_modules
   del package-lock.json
   

2. 在项目根目录的package.json根节点添加prefix配置，指定自定义路径（Windows路径可使用双反斜杠或正斜杠）：

   {
     "name": "your-app-name",
     "version": "0.0.0",
     "prefix": "c:/temp/my_app_node_modules",
     // 其他原有配置...
   }
   

3. 执行npm install，npm会自动将依赖安装到指定目录，并在项目根目录生成一个node_modules符号链接指向该位置，Angular CLI可正常识别。

方法2：手动指定安装路径+创建符号链接 #

1. 先创建目标目录：

   mkdir c:\temp\my_app_node_modules
   

2. 执行安装命令，指定依赖安装路径：

   npm install --prefix c:\temp\my_app_node_modules
   

3. 在项目根目录创建符号链接，让Angular CLI能找到依赖：

   mklink /D node_modules c:\temp\my_app_node_modules
   

   注：创建符号链接需要管理员权限，右键命令提示符选择“以管理员身份运行”。

方法3：修改Angular CLI配置（无需符号链接） #

如果不想使用符号链接，可直接在angular.json中指定依赖路径：

1. 打开angular.json，找到项目的architect配置，在build和serve的options中添加nodeModulesPath：

   "architect": {
     "build": {
       "builder": "@angular-devkit/build-angular:browser",
       "options": {
         "nodeModulesPath": "c:/temp/my_app_node_modules",
         // 其他原有配置...
       }
     },
     "serve": {
       "builder": "@angular-devkit/build-angular:dev-server",
       "options": {
         "nodeModulesPath": "c:/temp/my_app_node_modules",
         // 其他原有配置...
       }
     }
   }
   

2. 安装依赖时仍需使用--prefix参数指定路径，确保依赖装到目标目录。

关键注意事项 #

• 自定义路径避免包含空格或特殊字符，防止npm解析失败。
• 后续更新依赖时，需保持使用相同的prefix配置或--prefix参数，否则依赖会回到默认位置。
• 符号链接如果失效，重新执行创建命令即可。

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