Tooling is awesome

An intro to npm & webpack

Will Klein

What's so exciting?

Reasons to Tool

• Necessity
• Developer happiness
• Oh yeah, it's fun!

So where do we begin?

NPM

a package manager for JavaScript

 

NOT just for Node.js

 

it can run tasks too

Webpack

a  module bundler

 

takes modules with dependencies

 

generates static assets representing those modules

Get started with NPM

• comes with Node.js
• npm init builds a package.json
• npm install <some-package-name>
• puts stuff in node_modules/

Live CLI!

Get started with Webpack

• > npm install webpack --save-dev
• add entry.js (JavaScript)
• add webpack.config.js (options)
• > webpack ./entry.js bundle.js

Live CLI!

What else?

Resources

> npm -h

 

How to Use npm as a Build Tool

http://blog.keithcirkel.co.uk/how-to-use-npm-as-a-build-tool/

 

What is Webpack?

http://webpack.github.io/docs/what-is-webpack.html

 

webpack-howto

https://github.com/petehunt/webpack-howto

 

Thanks!

@willslab

http://willkle.in