How to debug typescript code, which is bundled using webpack in vscode/vs2015 : <p>Here is my workflow.</p>

<p>I have moduled typescript code. Imports like the following: <code>import { Logger } from './../data/logger';</code></p>

<p>Then I bundle it using webpack (precisely - webpack-stream) with ts-loader. I run webpack using gulp.</p>

<p>So I have the following workflow:
gulp --> webpack (ts-loader) --> bundled *.js with source-maps. I also use the <a href="https://www.browsersync.io/">browsersync</a> to run simple server and auto update the page.</p>

<p>I can debug this code from the browser, but I can't from vscode (using <a href="https://code.visualstudio.com/blogs/2016/02/23/introducing-chrome-debugger-for-vs-code">Chrome Debugging for VS Code</a>, or even from vs2015.</p>

<p>What could cause the problem ?</p>
