Пример конфигурации сборки мульти-страничного проекта с помощью 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-configs/tree/main/examples/example5
https://github.com/easy-linux/vitejs/tree/main/examples/example2

Бесплатный тестовый API для тестов и прототипирования:
https://jsonplaceholder.typicode.com

Полезные видео по настройке webpack:
Минимальная конфигурация - https://youtu.be/unEl3Hezwpw
Настройка горячей перезагрузки - https://youtu.be/oOpzkF2nU0s
Настройка сборки проекта с подгрузкой файлов css/scss/изображений - https://youtu.be/3B-NGZmMe-Y

Самый простой способ установить nodejs на Linux и Mac:
https://youtu.be/gP4OPx2vBoc

#easyit #javascript #js #vitejs #vanillajs