Webpack 4 - Wie konfiguriere ich minimieren?

Webpack 4 enthält die folgende Anweisung:

webpack.optimize.UglifyJsPlugin wurde entfernt. Verwenden Sie stattdessen config.optimization.minimize.

Fair genug, aber ich kann keine Informationen zum Konfigurieren der UglifyJsPlugin-Instanz finden, die unter der Haube ausgeführt wird, um beispielsweise das Cache-Verzeichnis zu ändern. Kann das gemacht werden?

Es ist nicht möglich, die Standardkonfiguration zu ändern.

Sie können die optimization.minimizerEinstellung jedoch verwenden, um Ihre eigenen zu instanziieren UglifyJsPlugin. Mit 4.0 haben wir dieses Beispiel Quelle selbst zu bekommen abbildet , wenn modeeingestellt ist 'production'beispielsweise (nicht mehr notwendig , wie von 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
      })
    ]
  }
};

Ohne Hinzufügen uglifyjs-webpack-pluginkönnen Sie dies einfach am Ende Ihrer Datei webpack.prod.config.js hinzufügen :

 optimization: {
   minimize: false
 }

Sie können dies versuchen

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

webpack.config.js

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

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

Webpack-Dokumentation

Renn einfach:

yarn add uglifyjs-webpack-plugin --dev

Referenz: Antwort von Alfonso Pérez

Für diejenigen, die hinter mir kamen, wurde klar, dass dieser irreführende Fehler nicht mit meiner korrekten Webpack-Konfiguration zusammenhängt, sondern offline-plugindass er veraltet ist und dieses Problem verursacht. Es musste aktualisiert werden. Siehe Github-Problem: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

Sie sollten die pOption aktivieren : https://webpack.js.org/guides/production/#cli-alternatives : Dieses Flag weist Webpack an, Ihren Build für die Produktionsumgebung zu optimieren. Sie können es mit der neuen "Produktion" modefür einen kleineren Build verwenden.