Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Webpack

 Webpack

A lightning talk for Dayton Web Developers on May 4th 2016

Avatar for Steven Loar

Steven Loar

May 04, 2016
Tweet

More Decks by Steven Loar

Other Decks in Technology

Transcript

  1. Why do I need this? “Today’s websites are evolving into

    web apps: • More and more JavaScript is in a page. • You can do more stuff in modern browsers. • Fewer full page reloads → even more code in a page. As a result there is a lot of code on the client side! A big code base needs to be organized. Module systems offer the option to split your code base into modules.” * From the webpack documentation
  2. You can do things on the command line but that

    won’t go far. You need a config file. The config file is everything… webpack.config.js
  3. What Webpack offers http://webpack.github.io/docs/ It has... • Plugins • Loaders

    • Code Splitting (Chunks) • Source Maps • Watch • Auto-reloading • Async I/O • Caching • AMD and CommonJS Modules • Targets Web, Node, and WebWorkers