javascript - 如何调试生产 Angular2/Typescript 应用程序？

Question

<分区>

Answer 1

Typescript 是一个转译器，也可以为您生成源映射。 typescript 输出与源本身并没有太大不同。您始终可以只调试 js 文件。

但是，如果您有一个大型捆绑的 js 文件并且想要调试单个 ts 文件，则需要导出源映射。

Typescript 有几个 sourceMapping 标志。参见 https://www.typescriptlang.org/docs/handbook/compiler-options.html

所有当前的网络浏览器都可以加载源映射并将断点映射回源文件。

您可以将源映射和源捆绑为 .js 文件的一部分。 (注意:这会使 js 文件变大)

tsc --sourceMap --inlineSources --inlineSourceMaps

或者，如果您的网络服务器可以提供您可以设置的源 .ts 文件和 .map 文件

tsc --sourceMap --sourceRoot <root of src>

第二个选项导致 js 文件在末尾带有额外的 sourceMappingUrl 注释，但浏览器的开发工具必须查找 .map 文件和源文件。