javascript - plugin - Webpack 4-¿Cómo configurar minimizar?

webpack html loader

Question

Webpack 4 viene con la siguiente declaración:

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

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

Answer 1

Debe marcar la opción p : 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 el nuevo modo de "producción" para una compilación más pequeña.

Answer 2

No es posible modificar la configuración predeterminada.

Sin embargo, puede usar la configuración optimization.minimizer para crear una instancia de su propio UglifyJsPlugin . Usando 4.0 usamos este ejemplo para obtener mapas de origen incluso cuando el mode está configurado en ''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
      })
    ]
  }
};

Answer 3

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

Answer 4

Solo corre:

yarn add uglifyjs-webpack-plugin --dev

Referencia: respuesta de Alfonso Pérez