Настройка Webpack 5 для начинающих. Описание принципа работы webpack. Html, css, scss, pug, jQuery

Пошаговое описание принципов работы Webpack, создания проектов, установка необходимых пакетов, настройка webpack 5. Обработка html, css, scss, sass, pug, images, fonts. Подключение jQuery, bootstrap, babel-loader. В конфигурацию Webpack внесены изменения в связи с выходом новой webpack-dev-server версии 4 и выше: 1. В файле в скрипте “start“ удален флаг --open. 2. В файле конфигурации добавлен devServer с соответствующими опциями открытия браузера и перезагрузки страницы при изменениях. При этом режим hot (Hot Module Replacement) указывать нет необходимости - в webpack-dev-server и выше он задействован по умолчанию. 3. Изменен способ запроса изображений в миксине image в фале через require. На развитие канала: Binance ID: 439718976 Карта USD (Visa): 4731 1856 1108 4077 Карта USD (Master Card): 5168 7520 1955 1822 Карта EUR (Master Card): 5168 7451 2144 3672 Карта UAH: 4731 1856 1217 7318 00:00 - Введен