0

I have an application that uses webpack and bundles its file into vendor.js files.

Due to long build times (not worth mentioning why) we went to avoid debugging on our local setup and are forced to debug on whatever the chrome browser spits out after 20 minutes.

Currently the only way I've been able to debug my application is to go into these vendor files control-f for whatever js file I'm trying to debug. If I save a change to the vendor file and refresh the page, the change seems to take.

However when I set a breakpoint on the vendor file, chrome seems to take the source mapped js file from webpack and spits in out in a separate tab thats easier to view. But whenever I try to make a change to this separate version of the js file and save it as an override it seems to be outside of the scope of the rebuild so the change does not take.

My question is: Is there anyway to get the source mapped version of the specific js file I'm debugging to be inside the scope of the rebuild and overide whatever is in the current vendor file?

0 Answers0