Doesn't reload the browser after re-compiling

[okonet]

I'm not sure it's a bug but I'm trying to switch from watch-build cycle to using of connect + middleware. The only problem is that after recompiling the bundle browser doesn't reload it. If I do manual refresh I can see an updated bundle. Please advise where I can look for it.

[sokra]

https://github.com/webpack/webpack-dev-server

[sokra]

http://webpack.github.io/docs/webpack-dev-server.html

[okonet]

This doesn't answer my question... I know there is webpack-dev-server and I know how to configure & start it. The problem is, I'm using grunt-connect as a web-server for several reasons and I'd like to have webpack-dev-server running along with connect using middleware. Is it possible to have live reload in this case or not?

[sokra]

Not this way, but in another way.

The webpack-dev-server has a configuration option to wrap another server. Just set contentBase to your url.

Example:

• grunt-connect on port 8081.
• grunt-webpack: webpack-dev-server on port 8080 with contentBase = "http://localhost:8081".
• http://localhost:8080/webpack-dev-server/index.html (live reloading)
• http://localhost:8080/index.html or http://localhost:8081/index.html (not live reloading)

[okonet]

Thanks! This helps a lot.

[vincentpalita]

I found a way to do that with browsersync by simulating how the webpack-hot-middleware plugin works.
Inside your rewriteRules you can add:

const browser = browserSync.create()
const config = webpack(webpackConfig);
config.plugin('done', () => {
    try {
        browser.reload();
    } catch (e) {
    }
})