Доступен Vite 6.0!

26 ноября 2024

Прошедший год был насыщен событиями. Принятие Vite продолжает расти, со скачком загрузок npm с 7,5 миллионов до 17 миллионов в неделю с момента выпуска Vite 5 год назад. Vitest выбирается не только конечными пользователями, но также начинает формировать собственную экосистему. Например, Storybook получил новые возможности тестирования на базе Vitest.

Новые фреймворки присоединились к экосистеме Vite. Среди них: TanStack Start, One, Ember. Веб-фреймворки развиваются всё более быстрыми темпами. Вы можете ознакомиться с улучшениями, которые делают разработчики в Astro, Nuxt, SvelteKit, Solid Start, Qwik City, RedwoodJS, React Router и этот список можно продолжать.

Vite используется такими компаниями, как OpenAI, Google, Apple, Microsoft, NASA, Shopify, Cloudflare, GitLab, Reddit, Linear и многими другими. Два месяца назад мы начали список компаний, использующих Vite. Мы рады видеть, как многие разработчики отправляют нам PR, чтобы добавить свои компании в этот список. Трудно поверить, насколько сильно экосистема, которую мы построили вместе, выросла с тех пор, как Vite сделал свои первые шаги.

Ускорение экосистемы Vite

В прошлом месяце сообщество собралось на третьей конференции ViteConf, вновь организованной StackBlitz. Это была крупнейшая конференция Vite, с широким представлением разработчиков из экосистемы. Среди других объявлений Эван Ю анонсировал VoidZero, компанию, посвящённую созданию открытой, высокопроизводительной и унифицированной цепочки инструментов разработки для экосистемы JavaScript. VoidZero стоит за Rolldown и Oxc, и их команда делает значительные шаги, быстро подготавливая их к принятию Vite. Посмотрите ключевую речь Эвана, чтобы узнать больше о следующих шагах в будущем Vite на основе Rust.

Stackblitz представил bolt.new, приложение на Remix, которое сочетает Claude и WebContainers и позволяет вам вводить команды, редактировать, запускать и развёртывать полнофункциональные приложения. Нейт Уайнер анонсировал One, новый фреймворк React на базе Vite для веба и мобильных устройств. Storybook продемонстрировал свои последние возможности тестирования на базе Vitest в этом видео. И это ещё не всё. Мы призываем вас посмотреть все 43 выступления. Спикеры приложили значительные усилия, чтобы поделиться с нами тем, чем занимался каждый проект.

Vite также получил обновлённую целевую страницу и чистый домен. Вам следует обновить ваши URL-адреса, чтобы они указывали на новый домен vite.dev в будущем. Новый дизайн и реализация были выполнены компанией VoidZero, теми же людьми, которые создали их веб-сайт. Особая благодарность Висенте Родригесу и Саймону Ле Маршанту.

Следующая основная версия Vite здесь

Vite 6 — это самое значительное крупное обновление с момента выхода Vite 2. Мы стремимся сотрудничать с экосистемой, чтобы продолжать расширять наши общие ресурсы через новые API и, как обычно, предоставлять более отшлифованную базу для разработки.

Быстрые ссылки:

• Документация
• Переводы: English, 简体中文, 日本語, Español, Português, 한국어, Deutsch
• Руководство по переходу
• Журнал изменений на GitHub

Если вы новичок в Vite, мы рекомендуем сначала прочитать Руководство по началу работы и Возможности.

Мы хотим поблагодарить более 1000 участников Vite Core и разработчиков, и контрибьюторов плагинов, интеграций, инструментов и переводов Vite, которые помогли нам создать эту новую основную версию. Мы приглашаем вас принять участие и помочь нам улучшить Vite для всей экосистемы. Узнайте больше в нашем Руководстве по участию. Чтобы начать, мы рекомендуем помочь сортировать проблемы, просматривать PR, отправлять PR с неудачными тестами на основе открытых проблем и поддерживать других в Дискуссиях и на форуме помощи Vite Land. Если вы хотите поговорить с нами, присоединяйтесь к нашему сообществу в Discord и поздоровайтесь в канале #contributing.

Чтобы быть в курсе последних новостей о экосистеме Vite и Vite Core, следите за нами в Bluesky, X или Mastodon.

Начало работы с Vite 6

Вы можете использовать pnpm create vite, чтобы быстро создать приложение Vite с вашим предпочтительным фреймворком или поиграть онлайн с Vite 6, используя vite.new. Вы также можете запустить pnpm create vite-extra, чтобы получить доступ к шаблонам от других фреймворков и сред выполнения (Solid, Deno, SSR и стартеры библиотек). Шаблоны create vite-extra также доступны, когда вы запускаете create vite в разделе Others.

Шаблоны стартеров Vite предназначены для использования в качестве площадки для тестирования Vite с различными фреймворками. При создании вашего следующего проекта вам следует обратиться к стартеру, рекомендованному каждым фреймворком. create vite также предоставляет ярлык для настройки правильных стартеров в некоторых фреймворках, таких как create-vue, Nuxt 3, SvelteKit, Remix, Analog и Angular.

Поддержка Node.js

Vite 6 поддерживает Node.js 18, 20 и 22+, аналогично Vite 5. Поддержка Node.js 21 была прекращена. Vite прекращает поддержку Node.js для более старых версий после окончания их поддержки. Завершение поддержки для Node.js 18 наступает в конце апреля 2025 года, после чего мы можем выпустить новое крупное обновление, чтобы повысить требуемую версию Node.js.

Экспериментальный Environment API

Vite становится более гибким с новым Environment API. Эти новые API позволят авторам фреймворков предложить опыт разработки, более близкий к продакшен-окружению, а экосистеме делиться новыми строительными блоками. Ничего не меняется, если вы создаёте одностраничное приложение (SPA); при использовании Vite с единственным клиентским окружением всё работает как и прежде. И даже для пользовательских приложений с серверным рендерингом (SSR) Vite 6 обратно совместим. Основная целевая аудитория для Environment API — авторы фреймворков.

Для конечных пользователей, которым интересно, Sapphi написал отличное Введение в Environment API. Это отличное место для начала и понимания того, почему мы пытаемся сделать Vite ещё более гибким.

Если вы автор фреймворка или поддерживаете плагины Vite и хотели бы использовать новые API, вы можете узнать больше в Руководствах по Environment API.

Мы хотим поблагодарить всех, кто участвовал в определении и реализации новых API. История начинается с того, что Vite 2 принял схему разработки SSR без сборки, разработанную Ричем Харрисом и командой SvelteKit. Затем трансформация SSR в Vite открыла возможности для Энтони Фу и Поои Парсы создать vite-node и улучшить историю Dev SSR в Nuxt. Энтони использовал vite-node для работы с Vitest, а Владимир Шеремет продолжал его улучшать в рамках своей работы по поддержке Vitest. В начале 2023 года Владимир начал работу по интеграции vite-node в Vite Core, и мы выпустили его как Runtime API в Vite 5.1 год спустя. Обратная связь от партнёров экосистемы (особая благодарность команде Cloudflare) подтолкнула нас к более амбициозной переработке окружений Vite. Вы можете узнать больше об этой истории из выступления Патака на ViteConf 24.

Все члены команды Vite участвовали в определении нового API, который был совместно разработан с учётом отзывов от многих проектов в экосистеме. Спасибо всем, кто участвовал! Мы призываем вас принять участие, если вы разрабатываете фреймворк, плагин или инструмент на основе Vite. Новые API являются экспериментальными. Мы будем работать с экосистемой, чтобы оценить, как будут использоваться новые API-интерфейсы, и стабилизировать их для следующей основной версии. Если у вас есть вопросы или вы хотите оставить отзыв, вы можете участвовать в открытой дискуссии на GitHub здесь.

Основные изменения

• Значение по умолчанию для resolve.conditions
• JSON stringify
• Расширенная поддержка ссылок на ресурсы в HTML-элементах
• postcss-load-config
• Sass теперь по умолчанию использует современный API
• Настройка имени выходного файла CSS в режиме библиотеки
• И другие изменения, которые должны затронуть лишь немногих пользователей

Также есть новая страница Критические изменения, на которой перечислены все запланированные, рассматриваемые и прошлые изменения в Vite.

Переход на Vite 6

Для большинства проектов обновление до Vite 6 должно быть простым, но мы рекомендуем ознакомиться с подробным руководством по переходу перед обновлением.

Полный список изменений находится в Журнале изменений Vite 6.

Благодарности

Vite 6 является результатом долгих часов работы нашего сообщества участников, разработчиков, авторов плагинов и Команды Vite. Мы благодарим отдельных лиц и компании, спонсирующие разработку Vite. Vite предоставляется вам VoidZero в партнёрстве с StackBlitz, Nuxt Labs и Astro. Особая благодарность спонсорам на GitHub Sponsors Vite и Open Collective Vite.