我們在運行項目的過程中經(jīng)常遇到的問題是node_modules依賴包過大,如果每次都install加載一次,簡直不要太耽誤時間,如何解決這一問題呢,鑒于它本身項目運行自動向上層追中依賴的特性,我們可以把依賴放在上層某一層的目錄中。
注:由于每個人的項目存放非方式不同,所以本篇同時寫了一下項目梳理過程(按照我的個人習慣),及文件夾層級的構(gòu)建過程,僅僅是為了方便講解node_modules的安裝過程??梢愿鶕?jù)自己的個人去求來構(gòu)建,并且文件名稱盡量使用英文名稱。
接下來開始進行一下項目梳理,并構(gòu)建上層依賴:
建立一個大的文件夾 workpace ,在workpace下構(gòu)建一個H5文件夾存放H5的開發(fā)代碼,下層建立areas文件夾用于存放分地區(qū)工程文件(由于我現(xiàn)在的工作經(jīng)常接受各地區(qū)的項目,所以層級較多)
-workpace-H5-areas-項目工程
- 我們從gitlab下載工程文件到areas中
- 把工程文件中的package.json文件復制到areas同級目錄下
- 在areas同級目錄下(H5內(nèi))
cmd打開命令窗口 - 執(zhí)行命令
cnpm install安裝node_modules依賴到本目錄下。 - 當我們以后下載其他工程,可以直接
npm run server直接運行, 如果缺少某些依賴 ,查看終端窗口會有提示,打開依賴node_modules目錄 ,執(zhí)行第三步,執(zhí)行命令npm install <name> --sava-dev
注:
轉(zhuǎn)載:https ://blog.csdn.net/shelly1072/article/details/51524029
Jancy1072的博客
NPM介紹:
說明:NPM(節(jié)點包管理器)是的NodeJS的包管理器,用于節(jié)點插件管理(包括安裝,卸載,管理依賴等)
使用NPM安裝插件:命令提示符執(zhí)行npm install <name> [-g] [--save-dev]
name:節(jié)點插件名稱。
例:npm install gulp-less --save-dev
-g:全局安裝。 將會安裝在C:\ Users \ Administrator \ AppData \ Roaming \ npm,并且寫入系統(tǒng)環(huán)境變量;非全局安裝:將會安裝在當前定位目錄;全局安裝可以通過命令行任何地方調(diào)用它,本地安裝將安裝在定位目錄的node_modules文件夾下,通過要求()調(diào)用;
--save:將保存至的package.json(的package.json是的NodeJS項目配置文件)
-dev:保存至的package.json的devDependencies節(jié)點,不指定-dev將保存至依賴節(jié)點
npm 與cnpm區(qū)別見另一篇博文《【VUE】關于npm與cnpm 初級入門的疑問》
https://blog.csdn.net/weixin_43193667/article/details/83618754https://blog.csdn.net/weixin_43193667/article/details/83618754