Webpack 4 - Simge durumuna küçültme nasıl yapılandırılır?

Webpack 4 aşağıdaki ifadeyle birlikte gelir:

webpack.optimize.UglifyJsPlugin kaldırıldı, bunun yerine lütfen config.optimization.minimize kullanın.

Yeterince adil, ancak başlık altında çalışan UglifyJsPlugin örneğini yapılandırma hakkında herhangi bir bilgi bulamıyorum, örneğin önbellek dizinini değiştirmek için. Bu yapılabilir mi?

Varsayılan konfigürasyonu değiştirmek mümkün değildir.

Bununla birlikte optimization.minimizer, kendi örneğinizi oluşturmak için bu ayarı kullanabilirsiniz UglifyJsPlugin. 4.0'ı kullanarak, örneğin olarak modeayarlandığında bile kaynak haritalarını almak için bu örneği kullandık 'production'(4.1.1'den itibaren artık gerekli değildir):

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
      })
    ]
  }
};

Eklemeden uglifyjs-webpack-plugin, sadece sonuna bu ekleyebilir webpack.prod.config.js dosyası:

 optimization: {
   minimize: false
 }

Bunu deneyebilirsin

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

webpack.config.js

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

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

web paketi belgeleri

Sadece koş:

yarn add uglifyjs-webpack-plugin --dev

Referans: Alfonso Pérez cevap

Arkamdan gelenler için, bu yanıltıcı hatanın doğru web paketi yapılandırmamla ilgili olmadığını, ancak aslında offline-plugingüncel olmadığını ve bu soruna neden olduğunu fark etti. Yükseltilmesi gerekiyordu. Github sorununa bakın: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

Şu pseçeneği işaretlemelisiniz : https://webpack.js.org/guides/production/#cli-alternatives : bu bayrak Webpack'e yapınızı üretim ortamı için optimize etmesini söyler. Daha modeküçük bir yapı için yeni "üretim" ile kullanabilirsiniz .