Webpack — це статичний модульний збирач для додатків на JavaScript. Ці додатки постійно ускладнюються, тому рішенням є використання збирача (або бандлера). Подібні інструменти дозволяють розробникам упаковувати, компілювати і в цілому організовувати всі ресурси, необхідні для проекту. Можна використовувати не тільки сторонні бібліотеки, а й власні файли.
Вебінар буде корисний Front-End-розробникам.
Програма вебінару
- Що таке Webpack і для чого він потрібен?
- Розвиток і порівняння;
- Базові поняття
- Entry
- Output
- Loaders
- Plugins;
- Трохи про babel і babel-loader;
- Стилі;
- Статичні файли;
- Моди в Webpack;
- Development
1. Watch
2. Webpack-dev-server
3. Hot module replacement (HMR); - Production (build);
- Optimization
1. Мініфікація і tree-shaking
2. Розбиття на chunks; - Приклади
1. Simple config
2. Config for static sites
3. Create-react-app
4. SSR config.
