Vite 8.1: Анонс Bundled Dev Mode ⚡️
Vite 8.1 добавляет экспериментальную сборку в dev-режиме, Chunk Import Map, нативные Wasm-импорты и улучшения Lightning CSS.
Команда Vite выкатила релиз 8.1. Главное событие — экспериментальный Bundled Dev Mode.
В чём суть?
Исторический unbundled-подход Vite (отдача файлов в браузер «как есть» через нативные ESM-импорты) идеален для небольших проектов, но на огромных масштабах начинает тормозить. Когда приложение разрастается до тысяч модулей, браузер задыхается от количества HTTP-запросов.
Благодаря переходу на быстрый Rust-бандлер Rolldown, Vite теперь умеет собирать модули в единый бандл прямо на лету во время разработки.
Что это даёт:
- Скорость: В тестах на 10 000 React-компонентов холодный старт ускорился в 15 раз, а перезагрузка страницы — в 10 раз при падении сетевых запросов на порядок.
- Стабильный HMR: Горячая замена модулей остаётся моментальной независимо от размеров кодовой базы.
- Идентичность сред: Dev-режим теперь максимально приближен к продакшену, что исключает разницу в поведении кода.
Включить в vite.config.js можно через флаг experimental.bundledDev: true или запустив с флагом --experimental-bundle.
Что ещё в релизе:
- Experimental Chunk Import Map: Оптимизация кэширования. Смена кода в одном файле больше не вызывает каскадный сброс хэшей у всей цепочки импортов за счёт использования нативных Import Maps.
- Нативный Wasm ESM: Теперь
.wasmфайлы можно импортировать напрямую без сторонних плагинов:import { add } from './add.wasm'. - Lightning CSS: Реализовали фичи, которых не хватало для отказа от PostCSS. В следующем мажоре Lightning CSS планируют сделать дефолтным процессором.