Webpack. Базовая сборка проекта

Привет! В этом видео я разберу сборку проекта на Webpack. Рассмотрим, как собрать все js в один, сжать файлы, собрать css, минифицировать изображения, и многое другое. Поехали! Содержание: 00:00 - Вступление 01:40 - Обзор исходных файлов 04:20 - Кратко про Node.js 06:00 - Создаем package.json 07:00 - Устанавливаем webpack 09:20 - Создаем webpack.config.js 09:25 - Базовый конфиг 13:00 - Разбиваем сборку на дев и прод 21:00 - Обработка html 26:15 - Очистка итоговой папки 28:05 - Обработка css и scss 37:30 - Устанавливаем dev-server 46:20 - Обрабатываем ассеты 48:25 - Обработка картинок 55:40 - Обработка шрифтов 57:00 - Обработка js 01:01:25 - Sourcemaps 01:03:42 - Оптимизация ассетов 01:07:43 - Оптимизация картинок 01:12:45 - Как подключать плагины 01:17:20 - Заключение https://webpack.js.org/ - сайт webpack https://github.com/maxdenaro/maxgraph... - исходники к видео на GitHub    • Stylelint. Как установить и пользоваться   - видео про Stylelint Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка. Понравилось? https://clck.ru/Gr9Ec Моя страница вконтакте: http://vk.com/maxdenaro Мой блог: http://blog.maxgraph.ru Мой сайт: http://maxgraph.ru Канал в телеграм: https://teleg.run/maxgraph Чат для верстальщиков: https://teleg.run/maxgraph_chat #ityoutubersru #webpack #сборка