I'm trying to configure Webstorm (version 2018.3) to debug my App (https://github.com/jailln/itowns) that uses Webpack. Since getting the debugger to stop at a defined break-point doesn't seem to work out of the box, I thus read the following support links in search for some inspiration
I did check that
- devtool: 'source-map' is well set in webpack.config.js
- the dist directory indeed exists (although I have to run 'npm run build' manually)
My configuration setup is the following one
Eventually my "scripts" section seems to be aware of Webpack since I get
The break point I'm trying to set is on line 12 of source file src/Provider/3DTilesProvider.js as illustrated here
Oddly enough the debugger pops up a tab to the source file "lib/src/Provider/3DTilesProvider.js" (notice the leading lib directory). I thus "marked this directory as Excluded" (right button on the directory, then "Mark Directory As" then Excluded).
But when running the debugger with this new set up, another tab for the source file "webpack://[name]/src/Provider/3dTilesProvider.js" is now popped up, but my breakpoint is not respected...
I'm still missing something...