压缩代码

使用uglifyjs-webpack-plugin 来进行代码压缩。

安装

$ npm i uglifyjs-webpack-plugin -D

webpack.config.js

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
plugins: [
    // 压缩输出的 JavaScript 代码
    new UglifyPlugin({
      uglifyOptions: {
        // 启用IE8支持
        ie8: false,
        // 支持的ECMAScript版本（5,6,7或8）。影响解析，压缩和输出选项
        ecma: 8,
        output: {
          // 删除所有的注释
          comments: false,
          // 最紧凑的输出
          beautify: false,
        },
        compress: {
          // 在UglifyJs删除没有用到的代码时不输出警告
          warnings: false,
          // 删除所有的 `console` 语句，可以兼容ie浏览器
          drop_console: true,
          // 内嵌定义了但是只用到一次的变量
          collapse_vars: true,
          // 提取出出现多次但是没有定义成变量去引用的静态值
          reduce_vars: true,
        }
      }
    }),
  ],
};