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