使用 sourcemap 但没有 URL / 参考的角度构建答案

【问题标题】：angular build with sourcemap but without the URL / reference使用 sourcemap 但没有 URL / 参考的角度构建
【发布时间】：2021-01-12 06:39:20
【问题描述】：

我正在使用角度 6。

我想在 PROD 中调试一个应用程序，我需要源映射。当我创建一个带有源映射的构建时，它会在缩小文件的末尾将 URL 注入为

//# sourceMappingURL=app.min.js.map

这使得浏览器调用 sourcemap 并且代码在 prod 中可见。

问题是如何制作 sourcemap 但不包含 URL？

我可以使用 gulp 和其他工具在后期构建中做到这一点，但有什么开箱即用/简单的方法吗？

【问题讨论】：

【解决方案1】：

看来这是可行的，通过为sourceMap参数配置hidden: true，像这样：

"sourceMap": { "scripts": true, "styles": true, "hidden": true, "vendor": true }

似乎sourceMap 可以是bool 或复杂对象。请看angular docs here。

【讨论】：

【解决方案2】：

我们必须将 soureMap 设置为“true”，以便使用 PROD 构建查看和调试 .TS 代码。

在 angular.json 中

"configurations": {
....
"production":{
...,
"sourceMap": true,
}
}

以上对我来说工作正常并且能够调试代码。

【讨论】：