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

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

 optimization: {
   minimize: false
 }

Answer 3

赶紧跑：

yarn add uglifyjs-webpack-plugin --dev

参考： AlfonsoPérez回答

Answer 4

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

Answer 5

你可以试试这个

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

webpack.config.js

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

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

webpack文档

Answer 6

你应该检查p选项： https ：//webpack.js.org/guides/production/#cli-alternatives：这个标志告诉Webpack优化生产环境的构建。 您可以将它与新的“生产” mode用于较小的构建。