Vite Flashcards
vite
Vite - инструмент для сборки фронтенд-проектов, разработанный для быстрого запуска и разработки приложений с минимальным временем ожидания. Название “Vite” (произносится как “вит”) происходит от французского слова, означающего “быстрый”, что отражает основной фокус на скорости. Этот инструмент особенно популярен среди разработчиков, работающих с такими фреймворками, как Vue, React и Svelte.
Основные особенности Vite:
использует нативные модули ES (ESM) в браузере, что позволяет почти мгновенно загружать и пересобирать модули при изменениях. Это устраняет необходимость в длительной начальной сборке, которая есть в большинстве традиционных инструментов, таких как Webpack;
поддерживает быструю замену модулей в реальном времени, благодаря чему при изменении кода обновляется только измененная часть, что ускоряет процесс разработки и позволяет видеть изменения мгновенно;
использует Rollup для создания оптимизированных продакшн-сборок. Это значит, что можно разрабатывать быстро, но получать компактные и высокопроизводительные сборки на выходе;
поддерживает современные JavaScript-фреймворки, такие как Vue, React и Svelte, из коробки. Это позволяет легко начинать новый проект с оптимальной конфигурацией;
поддерживает плагины, что делает его очень гибким. Это позволяет разработчикам расширять его функциональность в соответствии с нуждами проекта.
Как начать использовать Vite с pnpm
установка проекта с Vite и pnpm:
Terminal
pnpm create vite
введите название для проекта;
выберите React;
выберите тип приложения: TypeScript + SWC;
установите зависимости, используя pnpm i.