Build Your Own webpack (Live Coding an Ultra-Simplified Example of a Modern Module Bundler in JavaScript)
summary
Shows how to implement an ultra-simplified JavaScript module bundler (like Webpack/Browserify) by live-coding three core functions: read an entry file with Node filesystem, use a tiny parser/AST inspection to find import/require lines, build a dependency graph, and emit a single bundle with a small runtime so the output runs in the browser.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 4:19Core functionality
- 10:10Reading dependencies
- 16:48Dependency graph
- 23:09Implementing require
- 28:45Bundle output
- 35:53Finalizing modules
- 38:23Conclusion
related talks
36mUnbundling the JavaScript module bundler
17mBundling your Front-End with webpack
23mStreamline your code with webpack
34mGift Wrap Your Code with Webpack
01h 03mIntroduction to webpack
24mMaking small modules actually work with webpack and npm
20mWebpack: Your New BFF
58m10KB or Bust: The Delicate Power of Webpack and Babel