How would you debug in vscode? about angular-webpack HOT 6 CLOSED

What you mean with debug in here? Because build will create your production build and with debug I think about development.

from angular-webpack.

Ah OK my bad so how would you debug anyway using vscode? any other best approach? I just wasn't being able to produce build anyway to check my unlucky guess due to #93

from angular-webpack.

Wrong person to ask, I survive with console.logs and that is definitely not the way to go :/

Better if you ask in SO or other sites, because I cannot be of any help.

from angular-webpack.

Get bored by console.log..

Actually I was trying to use this thing https://github.com/Microsoft/vscode-chrome-debug but no luck. I think because of webpack. Haven't dig much in to that after all.

Then looked in to this one http://schempy.com/2016/01/19/angular2_webpack_typescript/ but not working for me when trying to set breakpoints in chrome as mentioned in article.

UPDATE. Actually the second option is working. I was doing the full page refresh at first which is didn't triggered my break points in chrome dev tools for some reason. But after app is loaded and I tried to click on my route component I set breakpoints on - in such case all my ts breakpoints was getting hit.

Navigate http://localhost:8080 in a browser (I use chrome). Once the page is loaded open devtools and click on the Sources tab. Drill down on the list item labeled webpack on the left-side. You’ll notice there are the original typescript files! Click on one and check for yourself. You can set breakpoints and start digging in! Here is what your screen should look like:

from angular-webpack.

Will take a peek at both and if I get something interesting, I could update the README here.

from angular-webpack.

Cool. Checkout my updated update above :/

from angular-webpack.