Webpack Deep Dive
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.
What you'll learn
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.
Table of contents
- 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
- 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
About the author
Kent C. Dodds is a world renowned speaker, teacher, and trainer and he's actively involved in the open source community as a maintainer and contributor of hundreds of popular npm packages. Kent is a Co-Founder and Director of Developer Experience at Remix. He is the creator of EpicReact.Dev and TestingJavaScript.com. He's an instructor on egghead.io and Frontend Masters. He's also a Google Developer Expert. Kent is happily married and the father of four kids. He likes his family, code, JavaScrip... more