多个vue项目共用一个node-modules文件夹的方法

问题背景：一个目录下有多个vue项目。>> root-- my-vueproject-a-- package.json-- node-modules-- my-vueproject-b-- package.json-- node-modules...期望结果：将所有vue项目中的依赖包提取为一个>> root-- my-vueproject-a-- my-vueprojec

负债两百万的蛋黄

3713人浏览 · 2022-02-16 17:15:19

负债两百万的蛋黄 · 2022-02-16 17:15:19 发布

问题背景：

一个目录下有多个vue项目。

>> root
	-- my-vueproject-a
		-- package.json
		-- node-modules
	-- my-vueproject-b
		-- package.json
		-- node-modules

...

期望结果：

将所有vue项目中的依赖包提取为一个

>> root
	-- my-vueproject-a
	-- my-vueproject-b
	-- package.json
	-- node-modules

...

找到了一个可行的方法，但不确定是否是最优解决方法（网上看到好多说法也并不建议不同项目共用同一个依赖node-modules）

解决方法：

在所有项目的共同父级目录下创建package.json，添加好所有项目需要用到的依赖配置
在此父级目录下（root）运行 npm install
单独的vue项目中仍然需要保留node-modules文件夹，但是该文件夹里面只需要保留@vue 和 .bin 两个文件夹。其他的依赖包当项目无法在自身目录的node-modules中找到的话就会自动冒泡从父级（父级的父级…）去寻找。

这样，就可以避免重复下载多个依赖包，实现多个vue项目共用同一个node-modules依赖包。