npm包管理器干貨
- 為了方便攜帶源碼瘤旨，可以在安裝依賴時(shí)--save或--save-dev，把依賴記錄在package.json中蚁堤，就可以把node_module文件夾刪除幔戏，在需要的時(shí)候npm i把你安裝過的依賴自動(dòng)下載回來(lái)
一、package.json和package-lock.json
1旬渠、package.json
- 主要用來(lái)定義項(xiàng)目中需要依賴的包
2俱萍、package-lock.json
- 在 npm install時(shí)候生成一份文件，用以記錄當(dāng)前狀態(tài)下實(shí)際安裝的各個(gè)npm package的具體來(lái)源和版本號(hào)告丢。
- 每次執(zhí)行完npm install之后會(huì)對(duì)應(yīng)生成package-lock文件枪蘑，該文件記錄了上一次安裝的具體的版本號(hào)，相當(dāng)于是提供了一個(gè)參考岖免，在出現(xiàn)版本兼容性問題的時(shí)候岳颇，就可以參考這個(gè)文件來(lái)修改版本號(hào)即可。
二颅湘、npm install的區(qū)別
- 下面以vue-router為例
1话侧、npm install vue-router
- 會(huì)安裝在node_modules目錄中，不會(huì)修改package.json文件闯参。之后把node_modules文件夾刪除或者項(xiàng)目中沒有node_modules瞻鹏，運(yùn)行npm install時(shí)不會(huì)自動(dòng)安裝，因?yàn)閜ackage.json文件沒有記錄鹿寨。
2乙漓、npm install vue-router --save（生產(chǎn)環(huán)境）
（1）會(huì)把vue-router包安裝到node_modules目錄中
（2）會(huì)在package.json的dependencies屬性下添加vue-router
（3）之后把node_modules文件夾刪除或者項(xiàng)目中沒有node_modules，之后運(yùn)行npm install命令時(shí)释移，會(huì)自動(dòng)安裝vue-router到node_modules目錄中
（4）之后運(yùn)行npm install –production或者注明NODE_ENV變量值為production時(shí)，會(huì)自動(dòng)安裝vue-router到node_modules目錄中
3寥殖、npm install vue-router --save-dev（開發(fā)環(huán)境）
（1）會(huì)把vue-router包安裝到node_modules目錄中
（2）會(huì)在package.json的devDependencies屬性下添加vue-router
（3）之后把node_modules文件夾刪除或者項(xiàng)目中沒有node_modules玩讳，之后運(yùn)行npm install命令時(shí)，會(huì)自動(dòng)安裝vue-router到node_modules目錄中
（4）之后運(yùn)行npm install –production或者注明NODE_ENV變量值為production時(shí)嚼贡，不會(huì)自動(dòng)安裝vue-router到node_modules目錄中
4熏纯、總結(jié)
（1）發(fā)布到線上的叫生產(chǎn)環(huán)境，在本地開發(fā)的時(shí)候叫開發(fā)環(huán)境粤策，--save就是會(huì)打包到線上去并且在線上環(huán)境能用到的樟澜，比如你npm install 一個(gè)vue-router，這個(gè)在線上環(huán)境也是能用到的依賴，所以你要--save
（2）比如vue-loader這個(gè)組件只需要在開發(fā)的時(shí)候編譯就好秩贰，線上并不需用的到霹俺，所以就放在開發(fā)的--save-dev里就好
（3）--save安裝的時(shí)候會(huì)在package.json文件中的dependencies屬性添加模塊，這個(gè)屬性就是發(fā)布時(shí)依賴的包
（4）--save-dev安裝的時(shí)候會(huì)在package.json文件中的devDependencies屬性添加模塊毒费，這個(gè)屬性就是開發(fā)時(shí)依賴的包
5丙唧、舉個(gè)栗子
-
如果你想把ES6編譯成ES5,就用到了babel，那么 就是devDependencies,發(fā)布的時(shí)候不需要再用babel了觅玻，因?yàn)榇虬缶褪且呀?jīng)編譯出來(lái)的ES5代碼想际。
如果用了VUE，由于發(fā)布之后還是依賴VUE溪厘，正式上線胡本，投入使用的時(shí)候還是要用到VUE，所以是dependencies畸悬。
package.json
