- Intro
- About Me
- Foundations
- Goals for the talk
- What is Webpack?
- Purpose
- Demo Project Overview
- Demonstration of modules
- How Does it Work?
- Disclaimer!
- Key Concepts
- Entry (dependency graph)
- Output
- Mode (environment variable)
- Loaders (transforms)
- Plugins (lifecycle hooks)
- The Webpack Bundle
- What's actually going on?
- IIFE pattern
- Bundle Walkthrough
- What's actually going on?
- How is the Bundle made?
- Build dependency graph
- Create Modules
- Run Loaders
- Parse
- Create template output (bundle)
- Slimpack
- Slimpack is a small bundler created to demonstrate how Webpack works specifically for this presentation
- Slimpack Bundle demo
- Slimpack code is documented for learning purposes
- Loaders
- What is a loader?
- CSS Loader
- Purpose
- Demo & bundle output walkthrough
- Style Loader
- Purpose
- Demo & bundle output walkthrough
- Plugins
- What is a plugin?
- Custom Plugin (BundleTimePlugin)
- Explain code & walkthrough
- Slimpack
- Outro
Created
July 29, 2018 14:35
-
-
Save johnstonbl01/4092de6d3fa7d2e543eb3fb8144d28fd to your computer and use it in GitHub Desktop.
Outline for ThunderPlains Webpack talk
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment