能否在package.json中为同一依赖指定不同的安装路径?
解决方案
完全可以实现,不需要拆分example目录,下面是两种最常用的落地方案:
方案1:通过安装脚本动态切换依赖(最通用,兼容npm/yarn/pnpm所有版本)
不需要修改package.json的固定依赖配置,也不会产生配置文件改动,适合大多数场景:
- 在example目录的package.json中新增两套安装脚本,加
--no-save参数避免修改原配置文件:
{ "dependencies": { "你的包名": "^1.0.0" // 固定填写正式发布的版本规则 }, "scripts": { "install:local": "npm install 你的包名@file:.. --no-save", "install:release": "npm install 你的包名@latest --no-save" } }
- 按需执行对应脚本即可:
- 本地开发父包时:执行
npm run install:local,会临时把依赖替换成本地父目录的包,修改父包代码后无需重新安装即可生效 - 需要把example作为独立应用使用时:执行
npm run install:release,会自动安装npm上的正式发布版本
方案2:依赖覆盖+环境变量自动切换(适合自动化场景)
如果你使用npm v8.3+、yarn 2+、pnpm任意版本,可以通过overrides配置配合环境变量实现自动识别场景,无需手动执行不同安装命令:
- 在example目录的package.json中添加如下配置:
{ "dependencies": { "你的包名": "^1.0.0" }, "overrides": { "你的包名": "$LOCAL_DEV ? file:.. : ^1.0.0" } }
- 安装时按需传入环境变量即可:
- 本地开发时:执行
LOCAL_DEV=true npm install(Windows cmd环境执行set LOCAL_DEV=true && npm install),自动覆盖为本地父目录依赖 - 独立部署/用户使用时:直接执行
npm install,自动使用npm正式包
补充说明
- 如果你使用pnpm作为包管理工具,可以直接用workspace协议
"你的包名": "workspace:*",发布example时pnpm会自动将依赖替换为对应的正式版本号,无需额外配置 - 两种方案都可以保证example目录的package.json默认依赖指向正式npm包,其他用户下载后直接执行
npm install即可正常运行,不需要额外操作
内容的提问来源于stack exchange,提问作者Nicolas Bouvrette
相关产品推荐
相关产品推荐

