There are two ways to test web applications: In-browsers: You get a more realistic test, but you need some more complex infrastructure

Installation $ npm install webpack -g The webpack

Today?s websites are evolving into web apps: More and more JavaScript is in a page. You can do more stuff in modern browsers.

WIP devtool configuration option

Usage Like browserify, webpack analyzes all the node-style require() calls in your app and builds a bundle that you can serve

?Hot Module Replacement? (HMR) is a feature to inject updated modules into the active runtime. It?s like LiveReload for every module

Incremental builds Make sure you don?t do a full rebuild. webpack has a great caching layer that allows to keep already compiled modules in

config NormalModuleReplacementPlugin new webpack

For big web apps it?s not efficient to put all code into a single file, especially if some blocks of code are only required under some circumstances. Webpack has a feature

embedded stylesheets Through using the style-loader and the css-loader it?s possible to embed stylesheets into a