Skip to content

Instantly share code, notes, and snippets.

@johnstonbl01
Created July 29, 2018 14:35
Show Gist options
  • Save johnstonbl01/4092de6d3fa7d2e543eb3fb8144d28fd to your computer and use it in GitHub Desktop.
Save johnstonbl01/4092de6d3fa7d2e543eb3fb8144d28fd to your computer and use it in GitHub Desktop.
Outline for ThunderPlains Webpack talk
  • 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
    • 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
  • Outro
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment