User: Vladimir Pavlychev @vovs03
My stack : Ruby, RoR, HTML, CSS, JS, GIT
0:00 – Вступление
3:01 – Написание базового функционала приложения
14:56 – Инициализация приложения (package.json)
16:33 – Установка Webpack
18:30 – Базовая настройка Webpack (webpack.config.js)
38:12 – Паттерны
39:46 – Плагины
40:31 – Автоматизация подключения скриптов к HTML-документу (html-webpack-plugin)
45:56 – Очистка папки проекта от лишних файлов (clean-webpack-plugin)
47:50, 1:00:44, 1:36:53 – Автоматизация процесса сборки проекта
50:17 – Контекст
51:50 – CSS-лоадеры (css-loader, style-loader)
58:56 – Работа с JSON
1:02:50 – Работа с файлами (file-loader)
1:09:02 – Работа со шрифтами
1:13:21 – Подключение CSS-библиотек
1:14:51 – Защита от публикации пакета
1:15:32 – Работа с XML-файлами (xml-loader)
1:17:44 – Работа с CSV-файлами (csv-loader, papaparse)
1:20:06 – Дополнительные настройки (расширения по умолчанию, ярлыки для работы с путями)
1:24:54 – Подключение JS-библиотек
1:28:56 – Оптимизация при подключении одной библиотеки к нескольким файлам
1:33:40 – Автообновление страницы (webpack-dev-server)
1:39:14 – Автоматизация копирования статических файлов в нужную папку (copy-webpack-plugin)
1:42:32 – Сжатие CSS, HTML, JS (mini-css-extract-plugin, optimize-css-assets-webpack-plugin, terser-webpack-plugin) + управление режимом сборки (cross-env)
1:59:37 – Компиляция Less (less)
2:06:08 – Компиляция Sass (node-sass, sass-loader)
2:03:57, 2:08:23 – Оптимизация
2:10:21 – Babel
2:22:35 – Добавление плагинов для Babel
2:24:28 – Компиляция TypeScript
2:27:20 – Компиляция React JSX + оптимизация Babel
2:33:38 – Devtool
2:36:14 – ESLint (eslint, eslint-loader, babel-eslint)
2:43:00 – Динамические импорты (Lazy Loading)
2:44:52 – Анализ финальной сборки (webpack-bundle-analyzer)