Webpack 4 - Как настроить минимизацию?

Невозможно изменить конфигурацию по умолчанию.

Однако вы можете использовать параметр 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

Ссылка: ответ Alfonso Pérez

Для тех, кто шел за мной, понял, что эта вводящая в заблуждение ошибка не была связана с моей правильной конфигурацией веб-пакета, но на самом деле offline-plugin устарела и вызвала эту проблему. Его нужно было обновить. См. проблему github: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

Вы должны выбрать вариант p: https://webpack.js.org/guides/production/#cli-alternatives : этот флаг указывает Webpack оптимизировать вашу сборку для производственной среды. Вы можете использовать его с новым «производством» mode для сборки меньшего размера.