获取依赖项的源映射以使用angular2和webpack

Question

我的目标是有一个angular2项目设置，我可以在其中调试依赖项的源代码（存在于node_modules目录中）。更确切地说，我希望能够在chrome dev工具中调试（例如设置断点）实际打字稿文件（我不是指我自己的打字稿文件，而是依赖文件）。如果依赖项包含源映射，则应该可以这样做。

我尝试使用angular-cli，但显然这还不可能，请参阅debugging into angular 2 typescript source code。

所以我尝试从一个基本的角度种子项目开始并调整它。这个项目正在使用webpack，我将以下内容添加到webpack.config.js：

...
module: {
  preLoaders: [
    {
      test:   /\.js$/,
      loader: 'source-map-loader'
    }
  ],
...

这实际上适用于某些软件包，例如rxjs，但它不适用于@angular软件包，因为捆绑的文件（例如core.umd.js等）不包含源映射（由于这个{angular 2团队已删除它们} {3}}）。但只有捆绑的文件缺少源映射，src文件夹中的非捆绑文件包含源映射。如何告诉webpack使用非捆绑文件而不是捆绑文件？

这个bug描述并解决了同样的问题，但他正在使用SystemJS。我们如何用webpack解决它？