亲测好用系列：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/