I recently setup a typescript > webpack project and I was really disappointed with the dev-tools debugging experience.

Webpack renames imported bindings, so

        import {foo} from './bar';

becomes something like this

        let __webpack_require_foo_bar = _webpack_modules[5 /* foo */].bar;

So if you are paused in the debugger and want to use foo in a watch statement, or use it in a computation you'll have to reference the real source instead of the source maps.

I found questions on SO, and it seems like a known and accepted problem, but I know I won't be able to sell my team on Webpack because of this.