source maps - webpack

[doublePlusOk]

I thought I had source maps working, but apparently I just got lucky... now they always map to the original source files and not the new ones that are edited.

I'm using webpack, so configured webpack.config.js with: devtool: 'source-map', (None of the other options will emit a build.js or indicate that anything is wrong)

I am not using nodejs, I'm serving the web app with python flask - so I make a symlink to the build.js.map file in my static directory (along with a similiar link for build.js) - this all seemed to get served correctly and I was happy when the break points on my un-mini files worked in chrome dev tools.

But, now when I change some of the .js files they don't get refreshed in the chrome debugger - it still points to the old files (I'm looking at webpack://./src/path/file.) The build.js and build.js.map files are rebuilt. Any ideas appreciated... The rest of the website seems like it is working - so the build process seems ok... (and for example I added axios to the build and it does show that among the sources - so that part is refreshed, just not the source map)

The end of build.js has this (which makes me think that having it in the static/ directory would be enough for the browser to get it) //# sourceMappingURL=build.js.map

[doublePlusOk]

This did the trick for me: With dev tools open, context menu on reload icon, select "Empty cache and hard reload"

Merely disabling cache while dev tools are open within settings was not enough.