Как работает разбиение кода в Webpack

Я немного знаю о веб-пакете, но не могу найти простой ответ на мой вопрос. Что означает разделение кода с помощью Webpack?

Создает ли он отдельные js-файлы для разных маршрутов и выполняет ajax-операции для получения этих js-файлов по запросу клиента.

Или он выполняет асинхронные вызовы для получения других отдельных js-файлов с сервера после правильного отображения первой запрошенной страницы после первого обращения?

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

1 ответ

Решение

Разделение кода разбивает ваше приложение на несколько связанных js. Например, если у вас есть раздел администратора для вашего приложения, который ваши пользователи никогда не увидят, вы можете разделить его на 2 пакета, таким образом, пользователи не будут загружать связанные с администратором js.

Фактическая загрузка связанных js выполняется путем внедрения тега script.

Когда фактическая загрузка должна быть сделана, обрабатывается маршрутизатором. Если вы используете React-Router, это быстрый пример.

Надеюсь, это поможет несколько.

Другие вопросы по тегам