Почему стоит выбрать Vite | Официальная китайская документация Vite (vitejs.dev)
- Давным-давно JavaScript был не модульным, а целостным, поэтому для того, чтобы разделить файл на небольшие файлы-модули, появилось понятие «упаковка».
- Предыдущие инструменты разделения, такие как вебпак, роллап и т. д., поскольку проект становится все больше и больше, запуск сервера разработки занимает много времени , а эффект от горячей замены не очевиден. Требуется много времени для отображения измененного контент, влияющий на развитие, читательский опыт
Чтобы решить проблему разделения на очень маленькие файлы модулей
Решить проблему, чтобы запуск сервера разработки не занимал много времени.
Таким образом, в es6 реализована модульность JavaScript, которая позволяет разбивать весь файл на небольшие файлы модулей один за другим без использования инструментов упаковки, таких как веб-пакет.
Vite делит код проекта на зависимый код и исходный код.
Зависимый код относится к сторонним библиотекам и сторонним плагинам, от которых зависит проект.
Исходный код — это бизнес-код, написанный вами в проекте.
В самом начале Vite отличал зависимый код от исходного, а затем использовал esbuild для переупаковки зависимого кода, который представляет собой стороннюю библиотеку плагинов .
Vite использует модульность es6 для получения исходного кода, который является кодом, написанным им самим, что позволяет браузеру участвовать.
В то же время Vite также использует заголовок HTTP-запроса браузера для ускорения перезагрузки страницы.Когда запрашивается исходный код, он определяет статус 304 и согласовывает кеширование. При запросе зависимого кода он будет использовать управление кэшем браузера для строгого кэширования. После кэширования зависимого кода второй запрос выполняться не будет.
Вышеупомянутое использует кэш переговоров http и сильный кеш , чтобы позволить браузеру снова участвовать и делать за нас много вещей.