Пример конфигурации сборки мульти-страничного проекта с помощью Webpack 5 и Vite.js
Рассматриваем конфигурацию Webpack и Vite.js, с помощью которой можно собирать проекты, содержащие больше одного html файла.
00:00 Вступление
01:03 Описание поведения проекта
03:05 Описание кода index.html
03:29 Структура хранения вторичных html файлов
03:41 Описание кода users.html
03:55 Описание кода articles.html
04:18 Описание кода html файлов для отдельных article
04:29 Описание конфигурации webpack
08:18 Описание конфигурации vite.js
10:17 Как увидеть список сгенерированных html файлов после сборки
10:38 Изучаем html файлы после сборки
11:11 Заключение
Исходные файлы проекта здесь:
https://github.com/easy-linux/webpack...
https://github.com/easy-linux/vitejs/...
Бесплатный тестовый API для тестов и прототипирования:
https://jsonplaceholder.typicode.com
Полезные видео по настройке webpack:
Минимальная конфигурация - • Настраиваем сборку проекта с помощью ...
Настройка горячей перезагрузки - • Webpack 5 Настройка горячей перезагру...
Настройка сборки проекта с подгрузкой файлов css/scss/изображений - • Webpack 5 Настройка сборки проекта с ...
Самый простой способ установить nodejs на Linux и Mac:
• Установка Nodejs на Linux и MacOS.
#easyit #javascript #js #vitejs #vanillajs
Смотрите видео Пример конфигурации сборки мульти-страничного проекта с помощью Webpack 5 и Vite.js онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Easy IT 16 Февраль 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 5,096 раз и оно понравилось 114 людям.