Webpack 4 - Como configurar o minimize?

Webpack 4 vem com a seguinte declaração:

webpack.optimize.UglifyJsPlugin foi removido, use config.optimization.minimize.

É justo, mas não consigo encontrar nenhuma informação sobre como configurar a instância UglifyJsPlugin em execução nos bastidores, por exemplo, para alterar o diretório de cache. Isso pode ser feito?

Não é possível modificar a configuração padrão.

Você pode usar a optimization.minimizerconfiguração para instanciar o seu UglifyJsPlugin, no entanto. Usando 4.0, usamos este exemplo para obter mapas de origem mesmo quando modeestá definido como, 'production'por exemplo (não é mais necessário 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
      })
    ]
  }
};

Sem adicionar uglifyjs-webpack-plugin, você pode simplesmente adicionar isso ao final do seu arquivo webpack.prod.config.js :

 optimization: {
   minimize: false
 }

Você pode tentar isso

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

webpack.config.js

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

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

documentação do webpack

Apenas corra:

yarn add uglifyjs-webpack-plugin --dev

Referência: Resposta de Alfonso Pérez

Para aqueles que vieram atrás de mim, percebi que esse erro enganoso não estava relacionado à minha configuração correta do webpack, mas, na verdade, o offline-pluginestava desatualizado e causava esse problema. Ele precisava ser atualizado. Consulte o problema do github: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

Você deve verificar a popção: https://webpack.js.org/guides/production/#cli-alternatives : este sinalizador diz ao Webpack para otimizar sua construção para o ambiente de produção. Você pode usá-lo com a nova "produção" modepara uma construção menor.