Webpack 4 - 如何配置最小化？

Question

Webpack 4附带以下声明:

webpack.optimize.UglifyJsPlugin已被删除,请改用config.optimization.minimize.

很公平,但我找不到任何有关配置在底层运行的UglifyJsPlugin实例的信息,例如更改缓存目录.可以这样做吗？

Answer 1

无法修改默认配置.

但是,您可以使用该optimization.minimizer设置来实例化您自己的设置UglifyJsPlugin.使用4.0,我们使用此示例来获取源映射,即使mode设置'production'为例如(从4.1.1开始不再需要):

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  optimization: {
    minimizer: [
      // we specify a custom UglifyJsPlugin here to get source maps in production
      new UglifyJsPlugin({
        cache: true,
        parallel: true,
        uglifyOptions: {
          compress: false,
          ecma: 6,
          mangle: true
        },
        sourceMap: true
      })
    ]
  }
};

Answer 2

如果不添加，您可以将其添加到webpack.prod.config.jsuglifyjs-webpack-plugin文件的末尾：

 optimization: {
   minimize: false
 }