UglifyJS Webpack Plugin 插件

目的：该插件用来缩小（压缩优化）js文件

要求：此模块至少需要Node v6.9.0和Webpack v4.0.0。

入门：需要安装该插件

$ npm安装uglifyjs-webpack-plugin --save-dev

将插件添加到您的webpack配置中。

webpack.config.js或者vue.config.js中的基本配置：

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 
module.exports = {
  optimization: {
    minimizer: [new UglifyJsPlugin()],
  },
};

其他配置选项：

module.exports = {
  optimization: {
    minimizer: [
      new UglifyJsPlugin({
        test: /\.js(\?.*)?$/i, //测试匹配文件
        include: /\/includes/, //包含的文件
        exclude: /\/excludes/, //排除的文件
        
        //允许过滤哪些块应该被uglified（默认情况下，所有块都是uglified）。 
        //返回true以uglify块，否则返回false。
        chunkFilter: (chunk) => {
          // Exclude uglification for the `vendor` chunk
          if (chunk.name === 'vendor') {
            return false;
          }
          return true;
        },
        cache: true, //启用/禁用文件缓存（类型可布尔也可是字符串）
        parallel: true, //行化可以显着加快构建速度，因此强烈建议使用
        sourceMap: true, //使用源映射将错误消息位置映射到模块（这会减慢编译速度,cheap-source-map选项不适用于此插件)
        new UglifyJsPlugin({
	        uglifyOptions: {
	          warnings: false,
	          parse: {},
	          compress: {},
	          mangle: true, //  注意，默认情况下，“ mangle.properties”为“ false”。
	          output: null,
	          toplevel: false,
	          nameCache: null,
	          ie8: false,
	          keep_fnames: false,
	        },
     	 }),
      }),
    ],
  },
};

更详细的参考官网