Webpack Deep Dive

By Kent C. Dodds
Building and deploying complex frontend applications can get complicated. This course covers Webpack, a module bundler which simplifies this with tons of features catering to all JavaScript apps.
Course info
Rating
(15)
Level
Intermediate
Updated
Apr 6, 2018
Duration
5h 26m
Table of contents
Getting Started with Webpack
Workshop Outline 7m Webpack 101 5m Loaders and Plugins 7m Todo App Walkthrough 12m Initializing Webpack 8m Specifying an Entry Point 5m Webpack Validator 8m Webpack Dev Server 9m Path Configuration 11m Minifying and Source Maps 6m Development vs. Production Environments 3m Exercise: Adding Webpack 2m
Working with Webpack
Debugging Webpack 2m Bundling 4m Explicit Dependencies 2m Transpiling with Babel 9m Loading CSS 4m Exercise: Using the Style and CSS Loaders 9m Hot Module Replacement 11m
Testing with Webpack
Exercise: Initializing Karma 12m Exercise: Using Karma with Webpack 7m Using Karma with Webpack Solution 6m Coverage Basics 7m Exercise: Code Coverage 10m Coverage Exclusions and Webpack Middleware 8m Exercise: Coverage Thresholds 9m
Webpack Optimizations
Exercise: ES6ify 1m Tree Shaking 4m Exercise: Adding Tree Shaking 13m Code Splitting 5m Exercise: Using System.import() 14m Using System.import() Solution 12m Commons Chunking 3m Exercise: Adding Commons Chunking, Part 1 13m Exercise: Adding Commons Chunking, Part 2 9m Exercise: Adding Commons Chunking, Part 3 13m Exercise: Longterm Caching 11m Exercise: Extracting CSS, Part 1 7m Exercise: Extracting CSS, Part 2 10m Offline with Service Workers 12m Deploying to Surge.sh 9m Audience Questions and Aphrodite 8m Resources 0m
Description
Course info
Rating
(15)
Level
Intermediate
Updated
Apr 6, 2018
Duration
5h 26m
Description

Building and deploying complex frontend applications can get complicated. This course, Webpack Deep Dive, covers Webpack, a module bundler which simplifies this with a massive list of features that cater to all kinds of JavaScript apps. This course begins with an introduction to Webpack, and helps you get started setting it up. You’ll then gain experience bundling, transpiling, debugging, and testing your application. By the end of this course, you’ll have a better understanding of how to use Webpack to optimize an application for performance and simplicity.

About the author
Kent C. Dodds
About the author

Kent C. Dodds works at PayPal as a full stack JavaScript Engineer.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT