Webpack — это статический модульный сборщик для приложений на JavaScript. Эти приложения постоянно усложняются, поэтому решением является использование сборщика (или бандлера). Подобные инструменты позволяют разработчикам упаковывать, компилировать и в целом организовывать все ресурсы, необходимые для проекта. Можно использовать не только сторонние библиотеки, но и собственные файлы.
Вебинар будет полезен Front-End-разработчикам.
Программа вебинара
- Что такое Webpack и для чего он нужен?
- Развитие и сравнение;
- Базовые понятия
1. Entry
2. Output
3. Loaders
4. 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.