Учитель Ю действительно является образцом для подражания для нашего поколения, и вы можете почувствовать скорость обновления дьявола Ю Да...
Vite(французское слово «быстро») — это новый тип инструмента для разработки интерфейсов.
Первоначально он использовался с Vue 3.0, а затем был адаптирован для различных интерфейсных проектов.В настоящее время предоставляются шаблоны фреймворков Vue, React и Preact.
В настоящее время Vue использует скаффолдинг vue-cli, а React обычно использует скаффолдинг create-react-app. Несмотря на то, что инструменты формирования скаффолдинга отличаются, внутренними инструментами упаковки являются Webpack.
Зачем разрабатывать совершенно новый инструмент сборки, разве Webpack не плох?
В чем разница между проектом, созданным с помощью Vite, и проектом, созданным с помощью Webpack?
Появление нового инструмента должно быть связано с решением существующих проблем существующего инструмента, иначе новый инструмент не будет иметь ценности и значения.
Какие проблемы Vite решает с помощью Webpack?
Чтобы понять это, нам нужно выяснить, что делает webpack.
Первым впечатлением у многих людей должны быть «инструменты упаковки»,Зачем интерфейсу нужен инструмент для упаковки? Что не так с фронтенд-разработкой до упаковки инструментов? Нужны ли нам инструменты для упаковки?
С развитием Интернета интерфейсные проекты становятся все более сложными. В то же время движок V8 также позволяет JavaScript, игрушечному языку, вставлять крылья в разработку коммерческих проектов, так что JS больше не привязан к среде браузера и начинает входить в область разработки на системном уровне.
С сложностью проекта для обновления, кода, стандартизации и улучшения управления должны быть синхронизированы. В результате сообщество программирования сделало различные модульные спецификации, выбирают спецификацию Commonjs сервера, клиент выбирает спецификацию AMD больше, но две модульные спецификации также есть некоторые проблемы, представляют собой программирование JS, есть две разные модульные спецификации, JS Уровень языка недостаточно.
Наконец, в ES6 комитет ECMA представил систему модулей на уровне языка:Спецификация модулей ES.
В современной практике программирования клиентское программирование выигрывает от разработки инструментов построения.Спецификация ES Modules широко используется в процессе кодирования, но серверная часть по-прежнему использует спецификацию CommonJS. Однако на стороне NodeJS были внесены изменения, постепенно приближающиеся к спецификации модулей ES.
Давайте возьмем небольшой код и кратко рассмотрим синтаксические особенности модулей ES.
Модульность может помочь нам лучше решить проблему организации кода при разработке сложных приложений, но с введением идеи модульности у наших интерфейсных приложений появятся некоторые новые проблемы, такие как:
Во-первых, система модулей ES Modules, используемая, имеет проблемы с экологической совместимостью. Хотя последняя версия Mainstream Browser теперь поддерживает эту функцию, в данный момент она не гарантируется гарантировать использование браузера пользователя. Поэтому нам также нужно решать проблемы совместимости.
Во-вторых, слишком много файлов модулей, разбитых по модульному принципу, а фронтенд-приложение работает в браузере, и каждый файл нужно запрашивать с сервера отдельно. Разбросанные файлы модулей неизбежно приведут к тому, что браузер будет часто отправлять сетевые запросы, что повлияет на эффективность работы приложения.
Наконец, давайте поговорим о дивергенции, основанной на реализации модульности JS. С ростом сложности приложений не только код JavaScript должен быть модульным в процессе разработки внешнего интерфейса, но и файлы ресурсов, такие как HTML и CSS, также столкнутся с проблемой модульности. И с точки зрения макроса эти файлы также следует рассматривать как модуль во внешнем приложении, но тип и назначение этих модулей отличаются от JavaScript.
Для процесса разработки модульность определенно необходима, поэтому нам нужно внедрить лучшие решения или инструменты на основе вышеупомянутой модульной реализации для решения трех проблем, поднятых выше:Пусть наши приложения продолжают пользоваться преимуществами модульности на этапе разработки, не беспокоясь о влиянии модульности на производственную среду..
Я думаю, вы уже подумали об этом, это причина появления ряда инструментов для упаковки, таких как webpack. Вышеупомянутая проблема является основной проблемой, которую должен решить этот тип инструмента.
Следующий, давайте посмотрим на высококачественные функции Vite Devil Youyuxi.