web-dev-qa-db-fra.com

Webpack 4 - Comment configurer minimiser?

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

webpack.optimize.UglifyJsPlugin a été supprimé, utilisez plutôt config.optimization.minimize.

Bien, mais je ne trouve aucune information sur la configuration de l'instance UglifyJsPlugin s'exécutant sous le capot, par exemple pour modifier le répertoire de cache. Cela peut-il être fait?

javascriptwebwebpackwebpack-4
88
csvan

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

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

Il suffit de courir:

yarn add uglifyjs-webpack-plugin --dev

Référence: Alfonso Pérez answer

0
Rafael Corrêa Gomes

Ceux qui venaient derrière moi se rendaient compte que cette erreur trompeuse n'était pas liée à la configuration correcte de mon WebPack, mais en réalité, le offline-plugin était périmé et était à l'origine de ce problème. Il devait être amélioré. Voir le numéro de github: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

0
Tanner Hallman