How to debug angular 2 app which is using webpack

Question

I am using angular: "2.4.8", webpack: "1.14.0", webpack-dev-server: "1.16.2". visual studio code was updated at February 2017. I want to debug my app in the chrome browser. My chrome file structure looks like the below image:

Question Update:

You can see webpack.config.js and folder structure in the screenshot given below:

Answer 1

Just refer to this image. In the console go to sources, and then expand localhost and under the "webpack://", the "." folder, and there is your source code.