【VUE】關於更好的進項專案整理 node_modules篇(包含npm外掛安裝)
阿新 • • 發佈:2018-12-18
我們在執行專案的過程中經常遇到的問題是node_modules依賴包過大,如果每次都install載入一次,簡直不要太耽誤時間,如何解決這一問題呢,鑑於它本身專案執行自動向上層追中依賴的特性,我們可以把依賴放在上層某一層的目錄中。
注:由於每個人的專案存放非方式不同,所以本篇同時寫了一下專案梳理過程(按照我的個人習慣),及資料夾層級的構建過程,僅僅是為了方便講解node_modules的安裝過程。可以根據自己的個人去求來構建,並且檔名稱儘量使用英文名稱。
接下來開始進行一下專案梳理,並構建上層依賴: 建立一個大的資料夾 workpace ,在workpace下構建一個H5資料夾存放H5的開發程式碼,下層建立areas資料夾用於存放分地區工程檔案(由於我現在的工作經常接受各地區的專案,所以層級較多)
-workpace-H5-areas-專案工程
- 我們從gitlab下載工程檔案到areas中
- 把工程檔案中的package.json檔案複製到areas同級目錄下
- 在areas同級目錄下(H5內)
cmd
開啟命令視窗 - 執行命令
cnpm install
安裝node_modules依賴到本目錄下。 - 當我們以後下載其他工程,可以直接
npm run server
直接執行, 如果缺少某些依賴 ,檢視終端視窗會有提示,開啟依賴node_modules目錄 ,執行第三步,執行命令npm install <name> --sava-dev
注: 轉載:https ://blog.csdn.net/shelly1072/article/details/51524029
Jancy1072的部落格 NPM介紹: 說明:NPM(節點包管理器)是的NodeJS的包管理器,用於節點外掛管理(包括安裝,解除安裝,管理依賴等) 使用NPM安裝外掛:命令提示符執行npm install <name> [-g] [--save-dev]
name:節點外掛名稱。 例:npm install gulp-less --save-dev
-g
:全域性安裝。 將會安裝在C:\ Users \ Administrator \ AppData \ Roaming \ npm,並且寫入系統環境變數;非全域性安裝:將會安裝在當前定位目錄;全域性安裝可以通過命令列任何地方呼叫它,本地安裝將安裝在定位目錄的node_modules資料夾下,通過要求()呼叫;--save
:將儲存至的package.json(的package.json是的NodeJS專案配置檔案)-dev
:儲存至的package.json的devDependencies節點,不指定-dev將儲存至依賴節點