Webpack 4 - ¿Cómo configurar minimizar?

Webpack 4 viene con la siguiente declaración:

webpack.optimize.UglifyJsPlugin se ha eliminado, utilice config.optimization.minimize en su lugar.

Es bastante justo, pero no puedo encontrar ninguna información sobre cómo configurar la instancia de UglifyJsPlugin que se ejecuta bajo el capó, por ejemplo, para cambiar el directorio de caché. Se puede hacer esto?

No es posible modificar la configuración predeterminada.

Sin embargo, puede usar la optimization.minimizerconfiguración para crear una instancia propia UglifyJsPlugin. Usando 4.0 usamos este ejemplo para obtener mapas de origen incluso cuando modeestá configurado, 'production'por ejemplo, (ya no es necesario a 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
      })
    ]
  }
};

Sin agregar uglifyjs-webpack-plugin, puede agregar esto al final de su archivo webpack.prod.config.js :

 optimization: {
   minimize: false
 }

Puedes probar esto

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

webpack.config.js

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

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

documentación del paquete web

Solo corre:

yarn add uglifyjs-webpack-plugin --dev

Referencia: Respuesta de Alfonso Pérez

Para aquellos que vienen detrás de mí, se dieron cuenta de que este error engañoso no estaba relacionado con la configuración correcta de mi paquete web, pero en realidad, offline-pluginestaba desactualizado y estaba causando este problema. Necesitaba ser actualizado. Consulte el problema de github: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

Debe marcar la popción: https://webpack.js.org/guides/production/#cli-alternatives : este indicador le dice a Webpack que optimice su compilación para el entorno de producción. Puede usarlo con la nueva "producción" modepara una construcción más pequeña.