Webpack 4 - Як налаштувати мінімізацію?

Webpack 4 постачається із таким твердженням:

webpack.optimize.UglifyJsPlugin видалено, замість цього скористайтеся config.optimization.minimize.

Досить справедливо, але я не можу знайти жодної інформації про налаштування екземпляра UglifyJsPlugin, який працює під кришкою, наприклад, для зміни каталогу кеша. Це можна зробити?

Змінити конфігурацію за замовчуванням неможливо.

Однак ви можете скористатися цим optimization.minimizerпараметром, щоб створити власний екземпляр UglifyJsPlugin. Використовуючи 4.0, ми використовували цей приклад для отримання вихідних карт, навіть якщо modeце встановлено, 'production'наприклад (більше не потрібно з 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
      })
    ]
  }
};

Не додаючи uglifyjs-webpack-plugin, ви можете просто додати це в кінці файлу webpack.prod.config.js :

 optimization: {
   minimize: false
 }

Ви можете спробувати це

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

webpack.config.js

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

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

документація на веб-упаковці

Просто запустіть:

yarn add uglifyjs-webpack-plugin --dev

Довідка: відповідь Альфонсо Переса

Для тих, хто йде за мною, зрозуміли, що ця оманлива помилка не пов’язана з моєю правильною конфігурацією веб-пакету, але насправді offline-pluginзастаріла і викликала цю проблему. Це потрібно було модернізувати. Дивіться випуск github: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/isissue/234#issuecomment-369134047

Слід перевірити pпараметр: https://webpack.js.org/guides/production/#cli-alternatives : цей прапор повідомляє Webpack оптимізувати вашу збірку для виробничого середовища. Ви можете використовувати його з новим «виробництвом» modeдля меншої збірки.