1

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

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

所以我尝试从一个基本的 angular-seed 项目开始并对其进行调整。这个项目正在使用 webpack，我在 webpack.config.js 中添加了以下内容：

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

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

本文描述并解决了同样的问题，但他使用的是 SystemJS。我们如何用 webpack 解决它？

4

0 回答 0