javascript - 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

你可以试试这个

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

webpack.config.js

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

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

webpack 文档

Answer 4

赶紧跑：

yarn add uglifyjs-webpack-plugin --dev

参考：Alfonso Pérez回答

Answer 5

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

Answer 6

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