• Потенциальная выгода: Уменьшение размера пакета примерно на 30 %
  • Требуемое время: 5 минут
  • Сложность: легко

Что это

UglifyJsPlugin — это плагин Webpack, который минимизирует ваш Javscript, удаляя пробелы и переименовывая переменные. Это неизбежно усложнит отладку, поэтому делайте это только в рабочей сборке.

Для меня это привело к уменьшению размера пакета более чем на 30%.

Как это сделать

Добавьте UglifyJsPlugin в раздел плагинов вашей конфигурации Webpack. Он уже поставляется с Webpack, поэтому не нужно ничего устанавливать из npm.

plugins: [
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false        
      }
    })
]

По умолчанию UglyifyJsPlugin будет предупреждать вас о таких вещах, как удаление недоступного кода. Если у вас нет проблем, вы, вероятно, не хотите видеть эти предупреждения в каждой сборке, поэтому есть возможность отключить их.

И это все! Просто запустите свою сборку и наслаждайтесь меньшим пакетом.