Примечание: это руководство изначально было написано 14 ноября 2017 года, но я планирую регулярно обновлять его, чтобы узнать, что мы делаем, чтобы наши сборки были оптимизированы и с использованием самых последних технологий. Кроме того, эта страница является результатом усилий сообщества, и я полагаю, что, несмотря на всю мою тяжелую работу, я все еще могу оптимизировать массу вещей, поэтому, пожалуйста, оставляйте комментарии, и я обновлю сообщение и приписываю вам ваши предложения!..

Что такое веб-пакет? Прежде чем приступить к обновлению до версии 4, давайте обсудим общее определение webpack. Обещаю, это не займет много времени. « Webpack - это инструмент. Помогает в создании читаемого в браузере файла bundle.js *. » Для любителей компонентов React на диаграмме дано простое аналогичное объяснение. Webpack (компонент) принимает файл webpack.config.js в качестве реквизита Строит граф зависимостей (D-Graph) и сохраняет его состояние Использует..

Часто возникает вопрос, как повысить производительность наших веб-приложений. Я привык думать, что мы всегда должны начинать с нуля и копаться в том, что может привести к замедлению работы нашего приложения. В этой статье мы поговорим конкретно о производительности сборки Webpack. Есть два режима, в которых мы обычно работаем Режим разработки Режим производства Каждый из этих режимов имеет свои собственные потребности, поэтому, например, очень часто мы используем горячую..

Мы обнаружили, что когда мы начали использовать балансировщик нагрузки, мы столкнулись с очень серьезной проблемой с нашими интерфейсными ресурсами. У нас были разные хэши ресурсов для одних и тех же файлов для одного и того же выпуска, но на разных машинах с одной и той же ОС. Вот так это выглядело. На картинке выше вы можете видеть, что у некоторых файлов просто разные хэши. Но содержимое файлов абсолютно одинаковое (см. Размер файлов). Нам нужно было найти причину...