Replace browserify with webpack module bundler

[zoltan-kovac]

1. Use webpack to bundle css, html and javascript files.

Using webpack stream and loaders packages we can move all transformation plugins to one webpack configuration file. http://blog.andrewray.me/webpack-when-to-use-and-why/

2. Use webpack for linting and autoprefixing

• Linting and post css plugins can run within webpack pipeline.

  ? Use webpack loader to load fonts, images and svg

  ? Introduce react ready dev stack with Hot module replacement

• requires moving to webpack dev server
• ? adding yeoman to generate different dev stacks ?

[vbulant]

Let’s start with 1. – JS bundling and linting.

Then we can decide what to do next.

[janpanschab]

But only 1.c. Use webpack to bundle JavaScript. And use Webpack 2 beta version.

Next steps:

1. webpack linting
2. webpack dev server (how to do it with browserSync?)
3. bundle styles with webpack and extract them into separate file

[kettanaito]

Webpack is particularly interesting for its Code Splitting. This is a really useful thing to do in the future.

[zoltan-kovac]

Merged with config-new branch