webpack-bundle-analyzer — инструмент, который визуализирует размер выходных файлов веб-пакета (пакетов).

Совет. Запустите webpack-bundle-analyzer в рабочем режиме, чтобы увидеть, что вы предоставляете своим пользователям.

Разделение кода

Разделение кода — это метод, который разбивает пакет приложения на более мелкие фрагменты, что помогает сократить начальное время загрузки за счет загрузки только того кода, который необходимо запустить на этой странице.

Если вы используете React в своем приложении, создание загружаемых компонентов — это способ добиться разделения кода (так называемого динамического импорта).