PackWars: Webpack vs Browserify vs SystemJS vs require.js
summary
Compares RequireJS, Browserify, Webpack and SystemJS with concrete tradeoffs: RequireJS uses AMD and runtime async loading; Browserify compiles CommonJS at build time and uses transforms like babelify; Webpack handles JS plus assets, offers code splitting and static analysis but demands heavy configuration; SystemJS/jspm targets ES6 modules and can leverage HTTP/2 multiplexing so bundling is optional. Repeated examples use a Death Star app to show bundle sizes, duplicated downloads and successful code splits and minification.
AI-written summary · about
chapters (13)
- 0:00Intro
- 1:30Hi! I'm Opher I'm a creative developer at Eko
- 6:31Anatomy of an AMD Module
- 7:05Multiple HTTP calls
- 11:25Building with Browserify
- 12:44Browserify Transforms
- 13:52disadvantages - multiple bundles
- 16:18Using Webpack
- 17:41Webpack Code Splitting
- 20:15Webpack - disadvantages
- 24:14Using Systems
- 26:09Systems - disadvantages
- 28:26Don't be afraid of learning
