Знакомимся с Vitejs. Портирование проекта, собираемого с помощью Webpack 5 на Vitejs | Vitejs config

Рассматриваем простейшую, но работоспособную конфигурацию сборки проекта с помощью Vitejs с подгрузкой стилей, изображений, горячей перезагрузкой модулей.

00:00 Вступление
01:00 Создаем папку для проекта и копируем файлы
03:22 Установка пакетов
04:00 Пишем конфигурацию для Vitejs
06:31 Редактируем скрипты для запуска дев сервера и билда
07:07 Запускаем дев сервер и смотрим результат
08:05 Разбираемся что делает команда serve
09:21 Тестируем горячую перезагрузку модулей
10:05 Плагин алиасов
15:40 Заключение

Исходные файлы проекта здесь:

Как подключить postcss autoprefixer:

Полезные видео по настройке webpack:

Самый простой способ установить nodejs на Linux и Mac:

#easyit #javascript #js #vitejs #vanillajs

[mtkfmix]

Очень полезная информация! Большое спасибо автору!

[alexandrgusletsov]

Хорошо и профессионально объяснили ! Но, вы можете для примера показать как вы пользуетесь проектом этим? Или показать какие есть возможности у такой сборки - стандартные и не стандартные! Спасибо, лайк

[saveliysuntsov]

Спасибо за видео. Появился такой вопрос. Был ли опыт натягивания проекта на wordpess, который был собран на vite? Есть ли какие-то особенности? Или может планируется виде такое?)

[alexnov]

Спасибо еще раз! Еще один вопрос, если вы не против :) Есть ли в Vite способ создания читаемых бандлов? Например, некий модификатор для команды "vite build"? Чтобы итоговые бандлы js, css были не в одну строчку, а с охранением структуры.

[alexnov]

Спасибо! Интересует интеграция Vite c Babel. Нужно ли ставить Babel и если да, то как это оптимально сделать? Знаю, что вместо Babel в Vite используется плагин "Legacy", но насколько он является полноценной заменой Babel?

[ziyadseykhanov]

Спасибо за видео. У меня такой вопрос. вот у меня ест статический сервер который сервает статику и поднимается на отдельном порту. а как можно сделать что бы vite запускался при запуске сервера ? или наоборот при запуске vite что бы сервер поднимался на одном порту или в отдельном