web-dev-qa-db-ja.com

Webpack 4 - 最小化を設定する方法?

Webpack 4には以下の記述があります。

webpack.optimize.UglifyJsPluginは削除されました。代わりにconfig.optimization.minimizeを使用してください。

十分に公平ですが、キャッシュディレクトリを変更するなど、内部で実行されているUglifyJsPluginインスタンスの設定に関する情報が見つかりません。これはできますか?

93
csvan

デフォルト設定を変更することはできません。

ただし、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
      })
    ]
  }
};
70
Beau

とにかく走れ:

yarn add uglifyjs-webpack-plugin --dev

参照: アルフォンソペレス 答え

私の後ろに来る人たちにとって、この誤解を招くエラーは私の正しいwebpack構成に関連していないことを理解しましたが、実際、offline-pluginは古く、この問題を引き起こしていました。アップグレードする必要がありました。 github issueを参照してください: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

0
Tanner Hallman