Webpack 4 - Comment configurer minimiser?

Webpack 4 est livré avec la déclaration suivante:

webpack.optimize.UglifyJsPlugin a été supprimé, veuillez utiliser config.optimization.minimize à la place.

Assez juste, mais je ne trouve aucune information sur la configuration de l'instance UglifyJsPlugin exécutée sous le capot, par exemple pour changer le répertoire de cache. Cela peut-il être fait?

Il n'est pas possible de modifier la configuration par défaut.

Vous pouvez cependant utiliser le optimization.minimizerparamètre pour instancier le vôtre UglifyJsPlugin. En utilisant la version 4.0, nous avons utilisé cet exemple pour obtenir des cartes source même lorsque modeest défini sur 'production'par exemple (n'est plus nécessaire à partir de la 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
      })
    ]
  }
};

Sans ajouter uglifyjs-webpack-plugin, vous pouvez simplement ajouter ceci à la fin de votre fichier webpack.prod.config.js :

 optimization: {
   minimize: false
 }

Vous pouvez essayer ceci

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

webpack.config.js

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

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

documentation Webpack

Exécutez simplement:

yarn add uglifyjs-webpack-plugin --dev

Référence: Réponse d' Alfonso Pérez

Pour ceux qui venaient derrière moi, ont réalisé que cette erreur trompeuse n'était pas liée à ma configuration correcte de Webpack, mais en fait, elle offline-pluginétait obsolète et causait ce problème. Il avait besoin d'être mis à niveau. Voir le problème github: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

Vous devriez cocher l' poption: https://webpack.js.org/guides/production/#cli-alternatives : cet indicateur indique à Webpack d'optimiser votre build pour l'environnement de production. Vous pouvez l'utiliser avec la nouvelle "production" modepour une version plus petite.