多個vue項目復用一個node_modules的問題
多個vue項目復用一個node_modules
公司的好多個vue小項目的依賴包基本是一樣的,項目完成的系統(tǒng)也是差不多的系統(tǒng),為了減少冗余文件,同事跟我說,要讓這些項目都共用一個node_modules。
首先我用npm i安裝了一個node_modules,然后把該目錄放到了所有項目的根目錄下。
D:\Project\node_modules
D:\Project\ProjectA
D:\Project\ProjectB
D:\Project\ProjectC
然后修改了電腦的環(huán)境變量,變量名為:NODE_PATH,變量值為:D:\Project\node_modules,也就是node_modules所在位置的文件路徑。
搞完這些后,沒有使用npm i安裝依賴包的項目,也可以直接使用npm run serve運行起來。并且該指令會使得該項目下包含一個擁有該文件夾的node_modules文件夾。
但是我用移動端插件進行移動端組件適配(http://www.dbjr.com.cn/article/263274.htm)的項目卻出現(xiàn)了報錯(http://www.dbjr.com.cn/article/256264.htm),最后我在根目錄下新增一個名為postcss.config.js的文件,問題劇解決了。
終于,我的多個vue項目可以共用一個node_modules文件夾,但是我不知道為何,我把項目的文件復制到連接內(nèi)網(wǎng)的遠程上面,項目卻跑不起來。
明明在我自己的電腦上面我斷開網(wǎng)絡,沒有npm i下載依賴包,也可以成功運行項目。
我不知道是不是因為緩存的問題,我更換了自己電腦項目的文件位置,也可以實現(xiàn)。就是遠程電腦上面沒有辦法搞,不知道為什么…
vue項目共用node_modules問題
目的
多個項目共用node_modules,避免每個項目重復npm install
1、使用grunt實現(xiàn)npm包管理
npm install -g grunt-cli //全局安裝
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
前端使用print.js實現(xiàn)打印功能(基于vue)
最近新接了一個需求,想要在前端實現(xiàn)打印功能,下面這篇文章主要給大家介紹了關于前端使用print.js實現(xiàn)打印功能(基于vue)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-05-05vue路由守衛(wèi),限制前端頁面訪問權(quán)限的例子
今天小編就為大家分享一篇vue路由守衛(wèi),限制前端頁面訪問權(quán)限的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11element-ui?form表單的動態(tài)rules校驗功能實現(xiàn)
在vue項目中,有時候可能會用到element-ui?form表單的動態(tài)rules校驗,這篇文章主要介紹了element-ui form表單的動態(tài)rules校驗,我們可以巧妙的運用element-ui form表單里面form-item的校驗規(guī)則來處理,本文結(jié)合實例代碼介紹的非常詳細,需要的朋友可以參考下2023-07-07通過實例解析vuejs如何實現(xiàn)調(diào)試代碼
這篇文章主要介紹了通過實例解析vuejs如何實現(xiàn)調(diào)試代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07在Vue3項目中使用VueCropper裁剪組件實現(xiàn)裁剪及預覽效果
這篇文章主要介紹了在Vue3項目中使用VueCropper裁剪組件(裁剪及預覽效果),本文分步驟結(jié)合實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07一文詳解vue3項目實戰(zhàn)中的接口調(diào)用
在企業(yè)開發(fā)過程中,往往有著明確的前后端的分工,前端負責接收、使用接口,后端負責編寫、處理接口,下面這篇文章主要給大家介紹了關于vue3項目實戰(zhàn)中的接口調(diào)用的相關資料,需要的朋友可以參考下2022-12-12