Vite свого часу змінив frontend-розробку простою ідеєю: не збирати весь застосунок перед запуском dev server.
Браузер запитує модулі окремо, Vite трансформує їх на вимогу — і проєкт стартує майже миттєво. Саме ця модель допомогла Vite стати стандартним інструментом для багатьох сучасних frontend-проєктів.А тепер у Vite 8.1 з'явився експериментальний Bundled Dev Mode. Тобто bundling повертається у development.
Чому стара перевага стала обмеженням
Unbundled-підхід чудово працює, поки застосунок не стає дуже великим.Якщо сторінка залежить від тисяч модулів, браузеру потрібно окремо завантажити, розібрати та виконати кожен із них. Додаємо складний dependency graph, мережевий proxy або віддалене dev-середовище — і швидкий старт поступово перетворюється на сотні чи тисячі запитів.Проблема вже не в тому, наскільки швидко Vite трансформує один файл. Вузьким місцем стає координація величезної кількості дрібних операцій.
Що пропонує Vite 8.1
Bundled Dev Mode попередньо об'єднує модулі й віддає браузеру меншу кількість більших файлів. При цьому Vite намагається зберегти головну перевагу development-режиму — миттєвий Hot Module Replacement.У тесті команди Vite із застосунком на 10 000 React-компонентів старт став приблизно у 15 разів швидшим, а повне перезавантаження сторінки — у 10 разів. HMR при цьому залишався швидким незалежно від розміру застосунку.Є й результат із реального продукту. Команда Linear отримала до 3 разів швидший cold start, приблизно на 40% швидший full reload і в 10 разів менше мережевих запитів.Це скорочує час, який розробник втрачає щоразу після запуску проєкту або повного оновлення сторінки.
Чому це стало можливим саме зараз
У Vite 8 стару комбінацію esbuild для development і Rollup для production замінив єдиний Rust-based bundler Rolldown.Тепер Vite може використовувати один pipeline в обох режимах, не підтримуючи дві різні системи трансформації. Bundling у development стає не поверненням до повільних конфігурацій минулого, а новим компромісом на швидшому фундаменті.
Чи потрібно вже вмикати цей режим
Для невеликого проєкту виграш може бути непомітним: стандартний unbundled dev server і так працює швидко. А Bundled Dev Mode у Vite 8.1 поки експериментальний, тому перед використанням варто перевірити plugins, source maps і поведінку HMR саме у своєму застосунку.Але для великого frontend-моноліту або dev-середовища за proxy це вже цікавий експеримент із дуже конкретними метриками.Головний урок тут ширший за Vite: хороша архітектурна ідея не перестає бути хорошою. Просто в іншому масштабі її компроміси можуть помінятися місцями.