Unable to get server-side hot reloading working

Thanks for this project. I’m having trouble getting hot reloading to work, so I thought I would create a “hello world” complete project to demonstrate. https://github.com/cmoad/koa-webpack-hmr-test

You should be able to clone the above repo then npm install and npm start.

If I curl localhost:5000 I get ok. I then change ok to test in index.js. I can see webpack recompile on the command line, but if I curl localhost:5000 I still get ok.

I should also note that I can’t get webpack to run without the plugin, new webpack.IgnorePlugin(/webpack/). Without that I see a lot of Module not found and Module parse failed from webpack dependencies.

[andyrj]

I believe I just ran into this myself and the issue was my babel config that prevented my hot reloading using es6 import statements… if your code hot reloads when you change to require(), try changing your babel options in webpack.config.js to something along these lines…

module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { "presets": [ ["env", { "modules": false, "targets": { "node": "current" } }] ], "plugins": [ "transform-object-rest-spread" ] } } } ] },

that babel-preset-env setup should get es6 import code hot reloading properly in node server side code, sorry for the crap word wrapped paste from vscode ><

[twelve17]

Wait, I just noticed https://github.com/shellscape/koa-webpack/issues/81, which may be a dupe of this issue, but more importantly, I also found https://github.com/webpack-contrib/webpack-hot-client/issues/8, which is what I think I’m running into. Going to go through that issue’s comments’ instructions.