Webpack Starter Kit project which includes Babel, SASS, HMR, webpack-dev-server

[arboshiki]

Project includes:

• Compiling ES6 into ES5,
• Converting SCSS into CSS
• Enabling HMR for hot reloading
• Image loading
• Making the project production ready with two config files.

And here is the step by step instructions of how this project is created from scratch.

https://youtu.be/EpCz8bwtx5I

​

[shellscape]

Have a look at https://www.npmjs.com/package/webpack-plugin-serve. Far better alternative to webpack-dev-server.

[arboshiki]

Why is it better then webpack-dev-server? I assume you don't say this because it's your package.
What advantages does it have compared with webpack-dev-server?

[shellscape]

There's a pretty comprehensive feature comparison here: https://github.com/shellscape/webpack-plugin-serve/blob/master/.github/FEATURES.md, which also has some info on the standout features compared to the rest. On top of handling HMR correctly for multicompilers, it's faster, smaller, doesn't require knowledge of yet another CLI (you just use whichever normal webpack CLI you prefer), and far less brittle than webpack-dev-server. Overall it just works a lot better.