Webpack 4-如何配置最小化？

Webpack 4附带以下语句：

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

足够公平，但是我找不到有关配置在后台运行的UglifyJsPlugin实例的任何信息，例如，更改缓存目录。能做到吗？

无法修改默认配置。

但是，您可以使用该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
      })
    ]
  }
};

无需添加uglifyjs-webpack-plugin，您只需将其添加到webpack.prod.config.js文件的末尾：

 optimization: {
   minimize: false
 }

你可以试试这个

npm install uglifyjs-webpack-plugin --save-dev

webpack.config.js

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

module.exports = {
  optimization: {
    minimizer: [new UglifyJsPlugin()],
  },
};

webpack文档

赶紧跑：

yarn add uglifyjs-webpack-plugin --dev

参考：阿方索·佩雷斯答案

对于那些在我身后的人来说，意识到这个误导性错误与我的正确Webpack配置无关，但实际上，它offline-plugin已经过时并导致了此问题。它需要升级。参见github问题：https : //github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

您应该检查以下p选项：https ://webpack.js.org/guides/production/#cli-alternatives：此标志告诉Webpack为生产环境优化构建。您可以将其与新的“生产版本”一起使用，以mode进行较小的构建。