Как работает раскалывание кода Webpack

Question

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

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

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

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

Answer 1

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

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

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

Надеюсь, что это поможет.