pro

Using Webpack for Production JavaScript Applications

Instructor

Kent C. Dodds

1h 4m

16 lessons

Published 8 years ago

Updated 5 years ago

Start Watching

Webpack is one of the most popular tools for bundling JavaScript applications and libraries, and it's growing more popular every day. It is so loaded with features that it's sometimes difficult to know what's even possible.

In this course, Kent C. Dodds takes you through some of the most valuable features of the Webpack JavaScript module bundler. We'll learn a ton about what it takes to optimize your Webpack configuration and your application to make it as fast as it can possibly be. We'll also go over what it takes to setup and write tests with webpack, Karma, Mocha, and Chai.

This course covers Webpack 2, but should also be relevant for Webpack 1.x.

illustration for Using Webpack for Production JavaScript Applications

Start Watching

Course Content

1h 4m • 16 lessons

1
Intro to the Production Webpack Course
2m 14s
2
Validate your Webpack config with webpack-validator
4m 6s
3
Tree shaking with Webpack 2
3m 23s
4
Polyfill Promises for Webpack 2
1m 59s
5
Maintain sane file sizes with webpack code splitting
2m 38s
6
Hashing with Webpack for long term caching
3m 46s
7
Grouping vendor files with the Webpack CommonsChunkPlugin
5m 36s
8
Chunking common modules from multiple apps with the Webpack CommonsChunkPlugin
4m 11s
9
Optimize React size and performance with Webpack production plugins
5m 45s
10
Import a non-ES6 module with Webpack
4m 20s
11
Expose modules to dependencies with Webpack
3m 20s
12
Initialize a Webpack Project with Karma for Testing
5m 22s
13
Use Chai assertions for tests in a Karma project
1m 17s
14
Use Karma for Unit Testing with Webpack
4m 53s
15
Add Code Coverage to tests in a Webpack project
6m 30s
16
Ensure all source files are included in test coverage reports with Webpack
4m 59s