Webpack 5 live reload not working

[ivanbacher]

Created a new app using npx makes aurelia and picked the template with routes. Live reload doesn't seem to be working. Reading the webpack 5 docs it should be turned on by default.

[3cp]

Somehow, webpack 5 is released quite a while, but webpack-dev-server for webpack 5 is still not for production.

[3cp]

The beta webpack-dev-server seems caused some issue on CI. I will investigate when I got more time.

[3cp]

dev-server v4 beta caused lot more problem. I will revert to v3 for now.

[3cp]

webpack-dev-server v3 supposes to work with webpack 5. (v3 added webpack5 support since v3.10.0).

This failed watch mode might be due to some new version of webpack/webpack-cli/webpack-dev-server.

[3cp]

Somehow with latest v3 dev-server, there is no more [WDS] websocket connection in browser, that's probably why live reload is not working. I have not find the combination of webpack/webpack-dev-server versions to bring it back to normal.

[ivanbacher]

Thanks for taking a look. Adding the following to webpack config seems to work:

target: 'web'

[3cp]

Awesome!

[3cp]

Webpack doc said target:web is the default 😓
No idea how did they break this.

[3cp]

closed by #52