亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

多個(gè)vue項(xiàng)目實(shí)現(xiàn)共用一個(gè)node-modules文件夾

 更新時(shí)間:2022年09月08日 14:15:41   作者:負(fù)債兩百萬的蛋黃  
這篇文章主要介紹了多個(gè)vue項(xiàng)目實(shí)現(xiàn)共用一個(gè)node-modules文件夾,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

多個(gè)vue項(xiàng)目共用一個(gè)node-modules文件夾

問題背景

一個(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)上看到好多說法也并不建議不同項(xiàng)目共用同一個(gè)依賴node-modules)

解決方法

1.在所有項(xiàng)目的共同父級目錄下創(chuàng)建package.json,添加好所有項(xiàng)目需要用到的依賴配置

2.在此父級目錄下(root)運(yùn)行 npm install

3.單獨(dú)的vue項(xiàng)目中仍然需要保留node-modules文件夾,但是該文件夾里面只需要保留@vue 和 .bin 兩個(gè)文件夾。其他的依賴包當(dāng)項(xiàng)目無法在自身目錄的node-modules中找到的話就會自動冒泡從父級(父級的父級…)去尋找。

這樣,就可以避免重復(fù)下載多個(gè)依賴包,實(shí)現(xiàn)多個(gè)vue項(xiàng)目共用同一個(gè)node-modules依賴包。

關(guān)于共用node_modules的凡爾賽結(jié)論

不得不說,NPM對于node_modules的管理實(shí)在是……隨便一個(gè)稍微復(fù)雜點(diǎn)的項(xiàng)目,你要建立一個(gè)新的版本,好吧,node_modules就是一個(gè)巨無霸。

其實(shí),node_modules并不需要在你的項(xiàng)目根目錄,而且,項(xiàng)目間是可以共享node_modules的

最最簡單的做法就是

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

每個(gè)project目錄里,復(fù)制node_modules內(nèi)容到父目錄后,刪掉自己項(xiàng)目里的node_modules就可以了,沒有任何影響,這樣,建立新項(xiàng)目的時(shí)候,也完全不需要有那個(gè)動輒幾百M(fèi)的大node_modules了。

這么簡單的東西,相信,嗯,額……沒幾個(gè)人知道吧

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • reactive readonly嵌套對象轉(zhuǎn)換功能實(shí)現(xiàn)詳解

    reactive readonly嵌套對象轉(zhuǎn)換功能實(shí)現(xiàn)詳解

    這篇文章主要為大家介紹了reactive readonly嵌套對象轉(zhuǎn)換功能實(shí)現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-12-12
  • vue3如何按需加載第三方組件庫詳解

    vue3如何按需加載第三方組件庫詳解

    距離 Vue 3.0 正式版發(fā)布已經(jīng)有一段時(shí)間了,關(guān)于vue3組件庫相關(guān)的問題還是挺多人感興趣的,這篇文章主要給大家介紹了關(guān)于vue3如何按需加載第三方組件庫的相關(guān)資料,需要的朋友可以參考下
    2021-06-06
  • Elementui表格組件+sortablejs實(shí)現(xiàn)行拖拽排序的示例代碼

    Elementui表格組件+sortablejs實(shí)現(xiàn)行拖拽排序的示例代碼

    這篇文章主要介紹了Elementui表格組件+sortablejs實(shí)現(xiàn)行拖拽排序,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • Vant2移動端Vue組件庫問題記錄

    Vant2移動端Vue組件庫問題記錄

    Vant是一套輕量、可靠的移動端組件庫,通過Vant可以快速搭建出風(fēng)格統(tǒng)一的頁面,提升開發(fā)效率,下面這篇文章主要給大家介紹了關(guān)于Vant2移動端Vue組件庫問題的相關(guān)資料,需要的朋友可以參考下
    2023-01-01
  • Vue3 diff算法的簡單解刨

    Vue3 diff算法的簡單解刨

    如今Vue3的勢頭正盛,在diff算法方面也做了相應(yīng)的變化,利用到了最長遞增子序列把性能又提升了一個(gè)檔次。本文就來帶大家簡單解刨一下Vue3中的diff算法
    2023-02-02
  • Vue路由傳遞參數(shù)與重定向的使用方法總結(jié)

    Vue路由傳遞參數(shù)與重定向的使用方法總結(jié)

    路由的本質(zhì)就是一種對應(yīng)關(guān)系,比如說我們在url地址中輸入我們要訪問的url地址之后,瀏覽器要去請求這個(gè)url地址對應(yīng)的資源,下面這篇文章主要給大家介紹了關(guān)于Vue路由傳遞參數(shù)與重定向的使用方法,需要的朋友可以參考下
    2022-10-10
  • Vue中實(shí)現(xiàn)過渡動畫效果實(shí)例詳解

    Vue中實(shí)現(xiàn)過渡動畫效果實(shí)例詳解

    最近在寫vue的一個(gè)項(xiàng)目要實(shí)現(xiàn)過渡的效果,雖然vue動畫不是強(qiáng)項(xiàng),庫也多,但是基本的坑還是得踩扎實(shí),下面這篇文章主要給大家介紹了關(guān)于Vue中實(shí)現(xiàn)過渡動畫效果的相關(guān)資料,需要的朋友可以參考下
    2022-08-08
  • vue3輸入無效路由跳轉(zhuǎn)到指定error頁面問題

    vue3輸入無效路由跳轉(zhuǎn)到指定error頁面問題

    這篇文章主要介紹了vue3輸入無效路由跳轉(zhuǎn)到指定error頁面問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • Vue+webpack項(xiàng)目配置便于維護(hù)的目錄結(jié)構(gòu)教程詳解

    Vue+webpack項(xiàng)目配置便于維護(hù)的目錄結(jié)構(gòu)教程詳解

    新建項(xiàng)目的時(shí)候創(chuàng)建合理的目錄結(jié)構(gòu)便于后期的維護(hù)是很重要。這篇文章主要介紹了Vue+webpack項(xiàng)目配置便于維護(hù)的目錄結(jié)構(gòu) ,需要的朋友可以參考下
    2018-10-10
  • vue文件批量上傳及進(jìn)度條展示的實(shí)現(xiàn)方法

    vue文件批量上傳及進(jìn)度條展示的實(shí)現(xiàn)方法

    開發(fā)項(xiàng)目的時(shí)候,用到文件上傳的功能很常見,包括單文件上傳和多文件上傳,下面這篇文章主要給大家介紹了關(guān)于vue文件批量上傳及進(jìn)度條展示的實(shí)現(xiàn)方法,需要的朋友可以參考下
    2022-12-12

最新評論