Webpack 4 - Jak skonfigurować minimalizację?

Webpack 4 zawiera następujące oświadczenie:

webpack.optimize.UglifyJsPlugin został usunięty, użyj zamiast tego config.optimization.minimize.

W porządku, ale nie mogę znaleźć żadnych informacji o konfigurowaniu instancji UglifyJsPlugin działającej pod maską, na przykład w celu zmiany katalogu pamięci podręcznej. Czy można to zrobić?

Nie można zmienić domyślnej konfiguracji.

Możesz jednak użyć tego optimization.minimizerustawienia, aby utworzyć własną instancję UglifyJsPlugin. Korzystając z 4.0, użyliśmy tego przykładu, aby pobrać mapy źródłowe, nawet jeśli modejest ustawione 'production'na przykład (nie jest już potrzebne od 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
      })
    ]
  }
};

Bez dodawania uglifyjs-webpack-pluginmożesz po prostu dodać to na końcu pliku webpack.prod.config.js :

 optimization: {
   minimize: false
 }

Możesz tego spróbować

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

webpack.config.js

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

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

dokumentacja pakietu internetowego

Po prostu biegnij:

yarn add uglifyjs-webpack-plugin --dev

Odniesienie: odpowiedź Alfonso Péreza

Ci, którzy przyszli za mną, zdali sobie sprawę, że ten wprowadzający w błąd błąd nie był związany z moją poprawną konfiguracją pakietu internetowego, ale w rzeczywistości offline-pluginbył nieaktualny i powodował ten problem. Musiał zostać zaktualizowany. Zobacz problem na github: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

Powinieneś zaznaczyć popcję: https://webpack.js.org/guides/production/#cli-alternatives : ta flaga mówi Webpackowi, aby zoptymalizował twoją kompilację dla środowiska produkcyjnego. Możesz go używać z nową „produkcją” modena mniejszą kompilację.