Що таке "no-bundle development"?
"No-bundle development" - це підхід до розробки, за якого застосунок у dev-режимі не збирається в бандл перед запуском. Замість одного великого файлу, як у Webpack, браузер отримує вихідні модулі напряму і сам завантажує залежності через ES-модулі (import).
Головні ідеї "no-bundle":
- Немає попередньої збірки всього проєкту. Сервер піднімається миттєво, тому що не потрібно збирати бандл перед стартом.
- Браузер сам виконує роль "графа залежностей".
Він завантажує файли через
import, Vite лише перехоплює запити і готує окремі модулі в міру необхідності. - HMR оновлює тільки змінений модуль. Немає пересборки ланцюжків, як у Webpack.
Для чого використовується
| Завдання | Як допомагає |
|---|---|
| Прискорити запуск проєкту | немає початкового бандлінгу |
| Прискорити оновлення коду | змінюється тільки потрібний модуль |
| Зробити розробку чутливішою | менше затримок при HMR |
Ключовий висновок
No-bundle development - це режим, у якому збірка не виконується заздалегідь. Код сервірується модульно, "як є", використовуючи нативні ES-модулі браузера. У підсумку розробка стає значно швидшою, особливо на великих проєктах.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.