多個(gè)vue項(xiàng)目實(shí)現(xiàn)共用一個(gè)node-modules文件夾
多個(gè)vue項(xiàng)目共用一個(gè)node-modules文件夾
問(wèn)題背景
一個(gè)目錄下有多個(gè)vue項(xiàng)目。
>> root ?? ?-- my-vueproject-a ?? ??? ?-- package.json ?? ??? ?-- node-modules ?? ?-- my-vueproject-b ?? ??? ?-- package.json ?? ??? ?-- node-modules ...
期望結(jié)果
將所有vue項(xiàng)目中的依賴包提取為一個(gè)
>> root ?? ?-- my-vueproject-a ?? ?-- my-vueproject-b ?? ?-- package.json ?? ?-- node-modules ...
找到了一個(gè)可行的方法，但不確定是否是最優(yōu)解決方法（網(wǎng)上看到好多說(shuō)法也并不建議不同項(xiàng)目共用同一個(gè)依賴node-modules）
解決方法
1.在所有項(xiàng)目的共同父級(jí)目錄下創(chuàng)建package.json，添加好所有項(xiàng)目需要用到的依賴配置
2.在此父級(jí)目錄下（root）運(yùn)行 npm install
3.單獨(dú)的vue項(xiàng)目中仍然需要保留node-modules文件夾，但是該文件夾里面只需要保留@vue 和 .bin 兩個(gè)文件夾。其他的依賴包當(dāng)項(xiàng)目無(wú)法在自身目錄的node-modules中找到的話就會(huì)自動(dòng)冒泡從父級(jí)（父級(jí)的父級(jí)…）去尋找。
這樣，就可以避免重復(fù)下載多個(gè)依賴包，實(shí)現(xiàn)多個(gè)vue項(xiàng)目共用同一個(gè)node-modules依賴包。
關(guān)于共用node_modules的凡爾賽結(jié)論
不得不說(shuō)，NPM對(duì)于node_modules的管理實(shí)在是……隨便一個(gè)稍微復(fù)雜點(diǎn)的項(xiàng)目，你要建立一個(gè)新的版本，好吧，node_modules就是一個(gè)巨無(wú)霸。
其實(shí)，node_modules并不需要在你的項(xiàng)目根目錄，而且，項(xiàng)目間是可以共享node_modules的
最最簡(jiǎn)單的做法就是
D:\Projects\node_modules
D:\Projects\projectA
D:\Projects\projectB
D:\Projects\projectC
每個(gè)project目錄里，復(fù)制node_modules內(nèi)容到父目錄后，刪掉自己項(xiàng)目里的node_modules就可以了，沒(méi)有任何影響，這樣，建立新項(xiàng)目的時(shí)候，也完全不需要有那個(gè)動(dòng)輒幾百M(fèi)的大node_modules了。
這么簡(jiǎn)單的東西，相信，嗯，額……沒(méi)幾個(gè)人知道吧
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
在Element Plus里，Icon圖標(biāo)的用法和以前不一樣了，本文主要介紹了Element Plus的el-icon怎么用，具有一定的參考價(jià)值，感興趣的可以了解一下2022-04-04
本文主要介紹了electron最小化托盤設(shè)置，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
這篇文章主要為大家詳細(xì)介紹了Vue.js的Class與樣式綁定,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
vue實(shí)現(xiàn)指定區(qū)域自由拖拽、打印功能
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)指定區(qū)域自由拖拽、打印功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
Vue3使用pinia進(jìn)行數(shù)據(jù)添加、修改和刪除的操作代碼
Pinia?是?Vue?3?的官方狀態(tài)管理庫(kù),旨在提供一種簡(jiǎn)單、靈活且類型安全的狀態(tài)管理解決方案,Pinia?的設(shè)計(jì)理念與?Vuex?類似,但更加輕量且易于使用,文旨在全面解析?Vue?3?中如何使用?Pinia?進(jìn)行數(shù)據(jù)的添加、修改和刪除,需要的朋友可以參考下2025-03-03
這篇文章主要介紹了深度剖析Vue3在瀏覽器的運(yùn)行原理，文章通過(guò)圍繞主題展開相關(guān)詳細(xì)介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-09-09
vue3??mark.js?實(shí)現(xiàn)文字標(biāo)注功能(案例代碼)
這篇文章主要介紹了vue3??mark.js?實(shí)現(xiàn)文字標(biāo)注功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-09-09
vue進(jìn)入頁(yè)面加載數(shù)據(jù)緩慢實(shí)現(xiàn)loading提示過(guò)程
這篇文章主要介紹了vue進(jìn)入頁(yè)面加載數(shù)據(jù)緩慢實(shí)現(xiàn)loading提示過(guò)程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要為大家詳細(xì)介紹了Vue通過(guò)封裝全局獲取焦點(diǎn)指令的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以參考下2023-12-12
Vue3實(shí)現(xiàn)下拉選擇框多選功能的方法詳解
在vue的實(shí)際開發(fā)過(guò)程中,我們?nèi)绾螌⒁赃x中的值直接渲染到頁(yè)面中,下面這篇文章主要給大家介紹了關(guān)于Vue3實(shí)現(xiàn)下拉選擇框多選功能的相關(guān)資料,需要的朋友可以參考下2023-09-09