npm包管理器干貨
- 為了方便攜帶源碼，可以在安裝依賴時(shí)--save或--save-dev，把依賴記錄在package.json中，就可以把node_module文件夾刪除，在需要的時(shí)候npm i把你安裝過(guò)的依賴自動(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)版本兼容性問(wè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)目中沒(méi)有node_modules，運(yùn)行npm install時(shí)不會(huì)自動(dòng)安裝，因?yàn)閜ackage.json文件沒(méi)有記錄。
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)目中沒(méi)有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（開(kāi)發(fā)環(huán)境）
（1）會(huì)把vue-router包安裝到node_modules目錄中
（2）會(huì)在package.json的devDependencies屬性下添加vue-router
（3）之后把node_modules文件夾刪除或者項(xiàng)目中沒(méi)有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)境，在本地開(kāi)發(fā)的時(shí)候叫開(kāi)發(fā)環(huán)境，--save就是會(huì)打包到線上去并且在線上環(huán)境能用到的，比如你npm install 一個(gè)vue-router，這個(gè)在線上環(huán)境也是能用到的依賴，所以你要--save
（2）比如vue-loader這個(gè)組件只需要在開(kāi)發(fā)的時(shí)候編譯就好，線上并不需用的到，所以就放在開(kāi)發(fā)的--save-dev里就好
（3）--save安裝的時(shí)候會(huì)在package.json文件中的dependencies屬性添加模塊，這個(gè)屬性就是發(fā)布時(shí)依賴的包
（4）--save-dev安裝的時(shí)候會(huì)在package.json文件中的devDependencies屬性添加模塊，這個(gè)屬性就是開(kāi)發(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
