Как анализировать размер бандла?

Middle
190 просмотров
AFK Offer AI

Для Vite: rollup-plugin-visualizer генерирует интерактивную карту бандла — видно какие библиотеки сколько весят. Для webpack: webpack-bundle-analyzer. source-map-explorer анализирует через source maps. Bundlephobia показывает размер npm-пакета до установки. Типичные проблемы: moment.js с локалями, lodash целиком вместо lodash-es, тяжёлые иконки. Решения: dynamic import, замена тяжёлых библиотек, tree shaking. Цель — main chunk < 200KB gzipped.

Следующий вопрос

Как правильно обрабатывать формы с Formik?