Сборщики (Vite/Webpack)

Быстрый переход к обучению

1. Package Managers и Bundlers — учебный модуль
2. Все учебные модули

Что нужно знать

1. Роли dev server, bundler, transpiler.
2. Vite vs Webpack: архитектура и сценарии выбора.
3. Code splitting, tree shaking, chunk strategy.
4. Source maps, aliasing, env vars.
5. Build optimization и анализ размера бандла.

Что уметь объяснить на собеседовании

1. Когда Vite ускоряет DX, а когда нужен Webpack-контроль.
2. От чего зависит tree shaking.
3. Как найти источник раздутого бандла.
4. Как связать сборку с метриками загрузки.

Грейд-фокус

1. Junior: понимать базовый pipeline сборки.
2. Middle: настраивать split/chunk/analysis и оптимизации.
3. Senior: проектировать стратегию delivery для больших приложений.

Глубокие кейсы собеседования

1. Бандл резко вырос после добавления библиотеки.
2. Dynamic import не дал ожидаемого split.
3. Различие поведения dev и production сборки.

Практический минимум

1. Сравнить baseline build в Vite и Webpack на одном примере.
2. Настроить code splitting и проверить результат.
3. Сделать бандл-анализ и предложить 3 оптимизации.

Типовые ловушки

1. Оптимизировать build без измерений.
2. Не учитывать кэширование чанков при релизе.
3. Путать runtime cost и размер артефакта.

Self-review перед собеседованием

1. Я могу объяснить, как формируется production bundle.
2. Я умею читать bundle analysis report.
3. Я могу обосновать выбор Vite или Webpack под проект.

Связанные материалы

1. Package Managers
2. Tooling и Delivery
3. Рендеринг веб-страницы