Как работает разбиение кода в Webpack
Я немного знаю о веб-пакете, но не могу найти простой ответ на мой вопрос. Что означает разделение кода с помощью Webpack?
Создает ли он отдельные js-файлы для разных маршрутов и выполняет ajax-операции для получения этих js-файлов по запросу клиента.
Или он выполняет асинхронные вызовы для получения других отдельных js-файлов с сервера после правильного отображения первой запрошенной страницы после первого обращения?
Прежде чем я научусь делать, я хотел бы иметь представление о том, что я изучаю. Документы Webpack не помогают вообще. Предполагается, что вы полностью понимаете, как работает веб-пакет.
1 ответ
Разделение кода разбивает ваше приложение на несколько связанных js. Например, если у вас есть раздел администратора для вашего приложения, который ваши пользователи никогда не увидят, вы можете разделить его на 2 пакета, таким образом, пользователи не будут загружать связанные с администратором js.
Фактическая загрузка связанных js выполняется путем внедрения тега script.
Когда фактическая загрузка должна быть сделана, обрабатывается маршрутизатором. Если вы используете React-Router, это быстрый пример.
Надеюсь, это поможет несколько.