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小さいビルドの新しい「製品」で使用できます。