親測好用系列：package.json中常用的webpack插件以及作用

1. cross-env： 忽略跨平臺，兼容windows和mac系統
2. NODE_ENV:  是用戶一個自定義的環境變量
3. NODE_ENV的用法：在webpack.config.js中通過 process.env.NODE_ENV 判斷生產環境或開發環境的依據的

• process ：node.API  全局變量
• process.env:  讀取項目運行環境的配置

1. webpack-dev-server: 

• webpack的一個插件，替代webpack --watch 實時監聽源碼並並執行打包的作用。
• 一般配置在npm run dev命令中，一旦發現源碼發生了改變，就會根據entry的入口文件路徑自動執行打包，但不會放在outptu的目錄下，會存在內存當中，因爲這樣可以提高運行效率。
• --open 打開瀏覽器

• --inline選項會爲入口頁面添加“熱加載”功能，--hot選項則開啓“熱替換（Hot Module Reloading）”，即嘗試重新加載組件改變的部分（而不是重新加載整個頁面）。如果兩個參數都傳入，當資源改變時，webpack-dev-server將會先嚐試HRM（即熱替換），如果失敗則重新加載整個入口頁面

• 
  

• --progress: 顯示百分比的進度條

• --color： 變爲彩色

• --hide-modules： webpack-cli特有的，隱藏關於模塊的信息 ( 以下截圖中紅框的部分)

• 詳情見webpack官網：https://www.webpackjs.com/api/cli/