如何在prod中添加`ts`文件进行调试？

Question

我是angular2的新手。

我已经创建了一个应用程序，并希望将其部署到prod。

我用angular-cli搭建了它。

所以我使用npm build -dev或npm build -prod构建它。

但是，它部署到dist文件夹js中，而不是ts文件中

即使在使用npm build -dev时也是如此。

我怎样才能添加ts文件，这样我也可以通过chrome浏览器在prod上调试它？

我需要手动添加它们吗？

Answer 1

我认为你在寻找源图。

在你的tsconfig.json中启用它们以查看Chrome中的typescript

  "compilerOptions": {
    "sourceMap": true,
    ...
  }

然而，Chrome Dev工具似乎在typescript和源码映射方面有问题。这不是调试应用程序的可靠方法。

Answer 2

不确定ts文件，因为"TypeScript是编译成普通JavaScript的JavaScript的类型化超集“，但尝试使用"ng build”(不带--prod)这将在不捆绑的情况下构建，因此您至少应该看到您的js源文件。