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

在根目录创建全局package.json,安装所有项目依赖,保留各vue项目内@vue和.bin,其余依赖从父级node-modules查找,实现多项目共享依赖,减少磁盘占用并提高效率。

问题背景:

一个目录下有多个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)

解决方法:

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

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

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值