Главная
Study mode:
on
1
- Intro
2
- Initial Files (src/dist)
3
- Creating Modules
4
- Webpack Install & Building
5
- Using NPM Modules
6
- Webpack Config File
7
- Loaders & Sass Compiling
8
- HTML Webpack Plugin
9
- HTML Template
10
- Caching & Hash Setup
11
- Webpack Dev Server
12
- Cleaning Up Hash Files
13
- Source Maps
14
- Babel Loader
15
- Asset Resource Loader
16
- Finish The Joke App
17
- Webpack Bundle Analyzer
Description:
Learn to set up a comprehensive Webpack 5 development environment for frontend projects in this 41-minute video tutorial. Create a Webpack configuration from scratch, incorporating essential features such as Webpack Dev Server, HTML Webpack Plugin, Sass compilation, Babel transpilation, asset resource loaders, and the Analyzer Plugin. Explore source maps for debugging and discover how to optimize your build process. Follow along to build a complete frontend development setup, including module creation, NPM module usage, caching strategies, and file management. Conclude by applying your newly acquired skills to finish a practical joke application while gaining insights into bundle analysis for performance optimization.

Webpack 5 Crash Course - Frontend Development Setup

Traversy Media
Add to list
0:00 / 0:00