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?

Thanks!

@willslab

http://willkle.in

Made with Slides.com