如何在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中的打字稿

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

但是，Chrome Dev Tools似乎存在打字稿和源地图的问题。它不是调试应用程序的可靠方法。

Answer 2

不确定ts文件，因为＆＃34; TypeScript是JavaScript的类型超集，可编译为纯JavaScript＆＃34;但是尝试＆＃34; ng build＆＃34; （没有--prod）这将构建而不捆绑，所以你至少应该看到你的js源文件。