Is there a way to hot reloading clear console ?

When the code is hot reload, is there a chrome/firefox plugin or anything to show the seperation from the reload in the console ?

Or add something like console.log("--------------------------------------"); to separate them ?

[SpaceK33z]

You could hack into hot reload messages like this:

window.addEventListener('message', function onWebpackMessage (e) {
  // do something
});

[szalapski]

This seemed to work better for me.

if (module.hot) {
    module.hot.accept() // already had this init code 

    module.hot.addStatusHandler(status => {
        if (status === 'prepare') console.clear()
    })
}

See also https://stackoverflow.com/a/53933757/7453 .