多個vue項目實現(xiàn)共用一個node-modules文件夾
多個vue項目共用一個node-modules文件夾
問題背景
一個目錄下有多個vue項目。
>> root ?? ?-- my-vueproject-a ?? ??? ?-- package.json ?? ??? ?-- node-modules ?? ?-- my-vueproject-b ?? ??? ?-- package.json ?? ??? ?-- node-modules ...
期望結(jié)果
將所有vue項目中的依賴包提取為一個
>> root ?? ?-- my-vueproject-a ?? ?-- my-vueproject-b ?? ?-- package.json ?? ?-- node-modules ...
找到了一個可行的方法，但不確定是否是最優(yōu)解決方法（網(wǎng)上看到好多說法也并不建議不同項目共用同一個依賴node-modules）
解決方法
1.在所有項目的共同父級目錄下創(chuàng)建package.json，添加好所有項目需要用到的依賴配置
2.在此父級目錄下（root）運行 npm install
3.單獨的vue項目中仍然需要保留node-modules文件夾，但是該文件夾里面只需要保留@vue 和 .bin 兩個文件夾。其他的依賴包當項目無法在自身目錄的node-modules中找到的話就會自動冒泡從父級（父級的父級…）去尋找。
這樣，就可以避免重復下載多個依賴包，實現(xiàn)多個vue項目共用同一個node-modules依賴包。
關于共用node_modules的凡爾賽結(jié)論
不得不說，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內(nèi)容到父目錄后，刪掉自己項目里的node_modules就可以了，沒有任何影響，這樣，建立新項目的時候，也完全不需要有那個動輒幾百M的大node_modules了。
這么簡單的東西，相信，嗯，額……沒幾個人知道吧
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
reactive readonly嵌套對象轉(zhuǎn)換功能實現(xiàn)詳解
這篇文章主要為大家介紹了reactive readonly嵌套對象轉(zhuǎn)換功能實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
距離 Vue 3.0 正式版發(fā)布已經(jīng)有一段時間了,關于vue3組件庫相關的問題還是挺多人感興趣的,這篇文章主要給大家介紹了關于vue3如何按需加載第三方組件庫的相關資料,需要的朋友可以參考下2021-06-06
Elementui表格組件+sortablejs實現(xiàn)行拖拽排序的示例代碼
這篇文章主要介紹了Elementui表格組件+sortablejs實現(xiàn)行拖拽排序，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08
Vant是一套輕量、可靠的移動端組件庫,通過Vant可以快速搭建出風格統(tǒng)一的頁面,提升開發(fā)效率,下面這篇文章主要給大家介紹了關于Vant2移動端Vue組件庫問題的相關資料,需要的朋友可以參考下2023-01-01
如今Vue3的勢頭正盛，在diff算法方面也做了相應的變化，利用到了最長遞增子序列把性能又提升了一個檔次。本文就來帶大家簡單解刨一下Vue3中的diff算法2023-02-02
Vue路由傳遞參數(shù)與重定向的使用方法總結(jié)
路由的本質(zhì)就是一種對應關系,比如說我們在url地址中輸入我們要訪問的url地址之后,瀏覽器要去請求這個url地址對應的資源,下面這篇文章主要給大家介紹了關于Vue路由傳遞參數(shù)與重定向的使用方法,需要的朋友可以參考下2022-10-10
最近在寫vue的一個項目要實現(xiàn)過渡的效果,雖然vue動畫不是強項,庫也多,但是基本的坑還是得踩扎實,下面這篇文章主要給大家介紹了關于Vue中實現(xiàn)過渡動畫效果的相關資料,需要的朋友可以參考下2022-08-08
vue3輸入無效路由跳轉(zhuǎn)到指定error頁面問題
這篇文章主要介紹了vue3輸入無效路由跳轉(zhuǎn)到指定error頁面問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
Vue+webpack項目配置便于維護的目錄結(jié)構(gòu)教程詳解
新建項目的時候創(chuàng)建合理的目錄結(jié)構(gòu)便于后期的維護是很重要。這篇文章主要介紹了Vue+webpack項目配置便于維護的目錄結(jié)構(gòu) ,需要的朋友可以參考下2018-10-10
開發(fā)項目的時候,用到文件上傳的功能很常見,包括單文件上傳和多文件上傳,下面這篇文章主要給大家介紹了關于vue文件批量上傳及進度條展示的實現(xiàn)方法,需要的朋友可以參考下2022-12-12