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-youtube-source/tree/master/Webpack - исходники к видео на GitHub

https://youtu.be/NucK-jo-si8 - видео про 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 #сборка

Видео Webpack. Базовая сборка проекта канала MaxGraph - cайты как страсть