Webpack example

To run:

npm install
cd ./public/scripts
bower install
cd ../../
node app.js

Presentation notes below:

=

Webpack

Module bundler

http://webpack.github.io/

---

Alternative to require.js, Browserify, etc

---

Supports CommonJS, AMD (require.js), ES6 modules, and others

---

Extensible loader mechanism also supports

• JSON
• CSS/LESS/SASS
• Images
• HTML, Jade
• Etc.

---

Designed to concat to single file

Also supports splitting application into async parts

Inspects entry point and finds all dependencies automatically

---

Development

Grunt/Gulp/etc Integration (Largely replaces most build and minification steps though)

webpack-dev-middleware

---

Some Pluses

• Module format agnostic
• Very simple to setup, use, watch, and and minify
• Very extensible

---

Some Drawbacks

• Need to be careful with automatic dependency finding
• Doesn't work well with heavy use of dynamic requires
• (Ex: Durandal view conventions, plugin config, etc.)

---