1. ホーム
  2. javascript

[解決済み] Webpack 4 - 最小化の設定方法は?

2022-09-06 20:56:20

質問

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
      })
    ]
  }
};