Monorepo中如何通过npm link临时覆盖工作区依赖使用本地组件库?
问题:Monorepo中临时覆盖工作区依赖以使用本地链接组件库
我有一个monorepo,想要将自研组件库链接到依赖该库的包中,方便本地维护修改时测试。执行的命令如下:
cd <library_path> npm link cd <monorepo_path> npm link --workspace <target_package> <library>
执行find -name '<library>'后,能在<target_package>的node_modules目录和根目录node_modules中找到该库,但<target_package>会优先使用自身node_modules中的已发布版本,而非根目录的本地链接版。如果不执行链接直接安装node_modules,该库仅存在于根目录node_modules中。我试过多种方法都没解决,请问如何临时覆盖工作区依赖以使用npm link的本地库?
编辑:我通过在webpack配置中硬编码依赖路径找到了临时方案,但这不是理想的解决办法。
解决方案
方法1:移除目标包内的已发布版本并重新链接
目标包node_modules中已存在的组件库已发布版会优先被加载,先删除该版本再重新链接即可:
# 进入目标包目录 cd <monorepo_path>/<target_package> # 删除本地node_modules中的组件库 rm -rf node_modules/<library> # 重新执行链接流程 cd <library_path> npm link cd <monorepo_path> npm link --workspace <target_package> <library>
方法2:用npm overrides强制指定本地版本
在monorepo根目录的package.json中添加overrides字段,强制目标包使用本地组件库:
{ "overrides": { "<target_package>": { "<library>": "file:<path_to_local_library>" } } }
添加后执行npm install --workspace <target_package>,npm会自动将目标包的依赖替换为本地版本。测试完成后删除该overrides配置即可。
方法3:临时修改目标包的package.json依赖
直接在<target_package>的package.json中,将组件库的版本替换为本地路径:
{ "dependencies": { "<library>": "file:<path_to_local_library>" } }
执行npm install后,npm会安装本地版本的依赖。测试结束后改回原版本号即可。
方法4:清理npm缓存后重新链接
缓存可能导致npm优先加载旧依赖版本,清理后重新链接:
npm cache clean --force cd <library_path> npm link cd <monorepo_path> npm link --workspace <target_package> <library>
内容的提问来源于stack exchange,提问作者mstruebing
相关产品推荐
相关产品推荐

