Enabling Hot Module Reload in WebPack Aurelia CLI Project

While working on an Aurelia project migration to the Aurelia CLI, I found myself wondering how to make the Hot Module Reload works with Aurelia and Webpack.

This can sound pretty simple but after searching a bit around the internet, I didn't find anything. So I've started looking at the aurelia.json file the CLI create. I wish I had checked that before!

Find out that there's a hmr flag in that config. You only need to set it to true and voilĂ ! HMR started working out of the box without any further effort.

HMR allow you to see your changes live, without having to constantly wait for a full page reload when you're running au run --watch command. This can save you tons of time. Less waiting, more code being done!