以引用js-md5為例子:
1、npm install
會安裝在node_modules目錄中蹂空,不會修改package.json文件俯萌。之后運(yùn)行npm install時不會自動安裝。
關(guān)于package.json和package-lock.json:
- package.json:主要用來定義項目中需要依賴的包
- package-lock.json:在
npm install
時候生成一份文件上枕,用以記錄當(dāng)前狀態(tài)下實際安裝的各個npm package的具體來源和版本號咐熙。
每次執(zhí)行完npm install之后會對應(yīng)生成package-lock文件,該文件記錄了上一次安裝的具體的版本號辨萍,相當(dāng)于是提供了一個參考棋恼,在出現(xiàn)版本兼容性問題的時候返弹,就可以參考這個文件來修改版本號即可。
2爪飘、npm install --save
會把webpack包安裝到node_modules目錄中
會在package.json的dependencies屬性下添加webpack
之后運(yùn)行npm install命令時义起,會自動安裝webpack到node_modules目錄中
3、npm install --save-dev
會把webpack包安裝到node_modules目錄中
會在package.json的devDependencies屬性下添加webpack
之后運(yùn)行npm install命令時师崎,會自動安裝webpack到node_modules目錄中
小結(jié):
devDependencies 節(jié)點(diǎn)下的模塊是我們在開發(fā)時需要用的默终,比如項目中使用的 gulp ,壓縮css犁罩、js的模塊齐蔽。這些模塊在我們的項目部署后是不需要的,所以我們可以使用 -save-dev 的形式安裝床估。像 express 這些模塊是項目運(yùn)行必備的含滴,應(yīng)該安裝在 dependencies 節(jié)點(diǎn)下,所以我們應(yīng)該使用 -save 的形式安裝
關(guān)于package.json的dependencies和devDependencies
- dev 丐巫,即develop發(fā)展谈况,生產(chǎn)的意思
-
即前者為項目所必須的,后者為開發(fā)所需的依賴
package.json.png