- Потенциальная выгода: Уменьшение размера пакета примерно на 30 %
- Требуемое время: 5 минут
- Сложность: легко
Что это
UglifyJsPlugin — это плагин Webpack, который минимизирует ваш Javscript, удаляя пробелы и переименовывая переменные. Это неизбежно усложнит отладку, поэтому делайте это только в рабочей сборке.
Для меня это привело к уменьшению размера пакета более чем на 30%.
Как это сделать
Добавьте UglifyJsPlugin в раздел плагинов вашей конфигурации Webpack. Он уже поставляется с Webpack, поэтому не нужно ничего устанавливать из npm.
plugins: [ new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }) ]
По умолчанию UglyifyJsPlugin будет предупреждать вас о таких вещах, как удаление недоступного кода. Если у вас нет проблем, вы, вероятно, не хотите видеть эти предупреждения в каждой сборке, поэтому есть возможность отключить их.
И это все! Просто запустите свою сборку и наслаждайтесь меньшим пакетом.