I’ve been developing a SPA app using Webpack to bundle and minify my static files even in my dev environment and started hitting a problem where I couldn’t set breakpoints in certain places where I would normally be able to set them. Plus, when execution was stopped on a breakpoint then I was unable to view (or watch) variables which were clearly in scope at the time. In Chrome dev tools these variables would appear as
The problem was that I had the Uglify plugin configured in my webpack.config
...
plugins: [new webpack.optimize.UglifyJsPlugin({})],
...
As soon as I removed that from the config and rebuit packages I was able to debug normally via source-maps by running
webpack -d