webpack4.0关闭开发环境的代码压缩UglifyJsPlugin

  最近项目使用的是webpack4.1.1，在使用之前是没有细看更新后版本的文档的，在使用过程中才发现还是有很大的变化。其中一个就是关于UglifyJsPlugin的配置问题。
  开发环境是不需要去压缩代码，主要是因为太耗性能了，每修改一个地方就要花几秒去等待页面渲染，说实话这非常浪费开发时间，解决办法就是配置不同的环境变量去在开发环境的时候不要这个UglifyJsPlugin插件，为此，webpack4又增加了新的Mode，且默认值是production，而且更新后的webpack默认是有UglifyJsPlugin这个配置的，也就是说在不设置任何环境变量的情况下，始终会有压缩代码的行为出现，导致编译极其耗时，那我的解决办法就是在package.json文件启动时设置环境变量：

  "scripts": {
    "dev": "rm -rf ./dist && webpack-dev-server --inline --progress --mode development --config webpack.config.js",
    "build": "rm -rf ./dist && webpack"
  },

  同样的也可以在打包的时候也设置环境变量，这样就不会在开发环境频繁的去压缩代码，节省了很多没必要的等待时间，而且频繁压缩也会导致热更新HotModuleReplacementPlugin根本毫无作用。下面是webpack的配置：

const HtmlWebpackPlugin = require('html-webpack-plugin')
const UglifyJsPlugin = require