Как отслеживаешь Bundle

Для отслеживания размера бандла использую:

1. Webpack Bundle Analyzer - визуализирует состав бандла в виде интерактивной диаграммы:

npm install --save-dev webpack-bundle-analyzer

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
plugins: [new BundleAnalyzerPlugin()]
}

2. **source-map-explorer** - анализирует размеры файлов через source maps:
```bash
npx source-map-explorer 'dist/*.js'

3. Встроенные метрики Webpack:

webpack --profile --json > stats.json

4. Для мониторинга в CI/CD добавляю проверку размера через bundlesize или size-limit.

Ключевые метрики:

• Общий размер бандла
• Размер отдельных чанков
• Дублирующиеся зависимости
• Неиспользуемый код (dead code)

Оптимизирую через:

• Code splitting
• Tree shaking
• Ленивую загрузку
• Выбор более легких альтернатив библиотек