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

Рассматриваем простейшую, но работоспособную конфигурацию сборки проекта с помощью Vitejs с подгрузкой стилей, изображений, горячей перезагрузкой модулей. 00:00 Вступление 01:00 Создаем папку для проекта и копируем файлы 01:40 Редактируем package.json 02:06 Открываем проект в среде разработки и создаем файл конфигурации и index.html 03:22 Установка пакетов 04:00 Пишем конфигурацию для Vitejs 06:31 Редактируем скрипты для запуска дев сервера и билда 07:07 Запускаем дев сервер и смотрим результат 08:05 Разбираемся что делает команда serve 09:21 Тестируем горячую перезагрузку модулей 10:05 Плагин алиасов 11:06 Как Vitejs работает с модулями в index.html 15:40 Заключение Исходные файлы проекта здесь: Как подключить postcss autoprefixer: Полезные видео по настройке webpack: Самый простой способ установить nodejs: Еще по JS: #vanillajs