如何在本地运行时用devDependencies覆盖dependencies依赖

直接在dependencies和devDependencies中重复声明同一个包是不可行的——包管理器（npm/yarn/pnpm）会优先采用dependencies中的版本，devDependencies里的同包条目会被完全忽略。

以下是两种无需手动修改package.json的实用方案：

方案一：用npm脚本自动切换安装逻辑 #

在package.json的scripts字段中添加两个命令，分别处理本地开发和生产环境的依赖安装：

"scripts": {
  "setup:local": "npm install && npm install --no-save @me/pack1@file:path/to/pack1 @me/pack2@file:path/to/pack2",
  "setup:prod": "npm install --production"
}

• 本地开发时执行 npm run setup:local：先安装dependencies中的发布版本，再临时安装本地包（--no-save参数不会修改package.json或锁文件）
• 生产部署或提交代码前执行 npm run setup:prod：仅安装dependencies中的正式发布版本，自动覆盖本地临时安装的包

方案二：利用npm overrides+本地配置文件（npm 8.3+支持） #

1. 在项目根目录创建.npmrc文件（将其加入.gitignore，避免提交到仓库）
2. 在package.json中保留生产版本的依赖声明，同时添加overrides字段指定本地包路径：

"dependencies": {
  "@me/pack1": "^1.0.1",
  "@me/pack2": "^1.0.2"
},
"overrides": {
  "@me/pack1": "file:path/to/pack1",
  "@me/pack2": "file:path/to/pack2"
}

3. 将overrides字段加入.npmignore（确保生产环境安装时忽略该配置）

这样：

• 本地执行npm install时，overrides会强制使用本地包版本
• 生产环境执行npm install时，因为.npmignore排除了overrides，会自动使用dependencies中的发布版本

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