多个vue项目实现共用一个node-modules文件夹

 更新时间:2022年09月08日 14:15:41   作者:负债两百万的蛋黄  
这篇文章主要介绍了多个vue项目实现共用一个node-modules文件夹,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

多个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-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依赖包。

关于共用node_modules的凡尔赛结论

不得不说,NPM对于node_modules的管理实在是……随便一个稍微复杂点的项目,你要建立一个新的版本,好吧,node_modules就是一个巨无霸。

其实,node_modules并不需要在你的项目根目录,而且,项目间是可以共享node_modules的

最最简单的做法就是

D:\Projects\node_modules
D:\Projects\projectA
D:\Projects\projectB
D:\Projects\projectC

每个project目录里,复制node_modules内容到父目录后,删掉自己项目里的node_modules就可以了,没有任何影响,这样,建立新项目的时候,也完全不需要有那个动辄几百M的大node_modules了。

这么简单的东西,相信,嗯,额……没几个人知道吧

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Element Plus的el-icon怎么用

    Element Plus的el-icon怎么用

    在Element Plus里,Icon图标的用法和以前不一样了,本文主要介绍了Element Plus的el-icon怎么用,具有一定的参考价值,感兴趣的可以了解一下
    2022-04-04
  • electron最小化托盘设置

    electron最小化托盘设置

    本文主要介绍了electron最小化托盘设置,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • Vue.js每天必学之Class与样式绑定

    Vue.js每天必学之Class与样式绑定

    这篇文章主要为大家详细介绍了Vue.js的Class与样式绑定,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • vue实现指定区域自由拖拽、打印功能

    vue实现指定区域自由拖拽、打印功能

    这篇文章主要为大家详细介绍了vue实现指定区域自由拖拽、打印功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Vue3使用pinia进行数据添加、修改和删除的操作代码

    Vue3使用pinia进行数据添加、修改和删除的操作代码

    Pinia 是 Vue 3 的官方状态管理库,旨在提供一种简单、灵活且类型安全的状态管理解决方案,Pinia 的设计理念与 Vuex 类似,但更加轻量且易于使用,文旨在全面解析 Vue 3 中如何使用 Pinia 进行数据的添加、修改和删除,需要的朋友可以参考下
    2025-03-03
  • 深度剖析 Vue3 在浏览器的运行原理

    深度剖析 Vue3 在浏览器的运行原理

    这篇文章主要介绍了深度剖析Vue3在浏览器的运行原理,文章通过围绕主题展开相关详细介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-09-09
  • vue3  mark.js 实现文字标注功能(案例代码)

    vue3  mark.js 实现文字标注功能(案例代码)

    这篇文章主要介绍了vue3  mark.js 实现文字标注功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09
  • vue进入页面加载数据缓慢实现loading提示过程

    vue进入页面加载数据缓慢实现loading提示过程

    这篇文章主要介绍了vue进入页面加载数据缓慢实现loading提示过程,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • Vue通过封装全局获取焦点指令

    Vue通过封装全局获取焦点指令

    这篇文章主要为大家详细介绍了Vue通过封装全局获取焦点指令的相关知识,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以参考下
    2023-12-12
  • Vue3实现下拉选择框多选功能的方法详解

    Vue3实现下拉选择框多选功能的方法详解

    在vue的实际开发过程中,我们如何将以选中的值直接渲染到页面中,下面这篇文章主要给大家介绍了关于Vue3实现下拉选择框多选功能的相关资料,需要的朋友可以参考下
    2023-09-09

最新评论