Заключение веб-пакета

Подведение итогов по вебпаку

Подводя итоги:

  • Вырежьте ненужные байты. Сжимайте все, удаляйте неиспользуемый код, будьте мудры при добавлении зависимостей.
  • Разделить код по маршрутам. Загружайте только то, что действительно необходимо прямо сейчас, а остальное загружайте позже.
  • Код кэша. Некоторые части вашего приложения обновляются реже, чем другие. Разделите эти части на файлы, чтобы их можно было повторно загружать только при необходимости.
  • Следите за размером. Используйте такие инструменты, как webpack-dashboard и webpack-bundle-analyzer, чтобы быть в курсе размера вашего приложения. Каждые несколько месяцев смотрите по-новому на производительность вашего приложения в целом.

Webpack — не единственный инструмент, который может помочь вам сделать приложение быстрее. Подумайте о том, чтобы превратить свое приложение в прогрессивное веб-приложение, чтобы улучшить его работу, и используйте инструменты автоматического профилирования, такие как Lighthouse , чтобы получать предложения по улучшению.

Не забудьте прочитать документацию по веб-пакету — в них есть много другой полезной информации.

И обязательно поиграйте с тренировочным приложением !