Webpack 101

This is a small presentation that I gave to my coworkers on what webpack is and how one might use it. The lessons are as follows:

• Lesson 1: Bundling
• Lesson 2: Transpilers & Loaders
• Lesson 3: Plugins
• Lesson 4: CSS Importing
• Lesson 5: React
• Lesson 6: React + TypeScript
• Lesson 7: Writing our own loader

Requirements

Node 16 or 17 is preferred.

Demo

Click on the link to follow the demo: https://mattkae.github.io/Webpack101/

Running Locally

1. Run npm run build from the root of the project
2. Open index.html in a browser of your choice.