目的:该插件用来缩小(压缩优化)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,
	        },
     	 }),
      }),
    ],
  },
};

更详细的参考官网

Logo

前往低代码交流专区

更多推荐