angular 使用 sourcemap 构建但没有 URL / 参考

Question

我正在使用 angular 6.

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

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

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

问题是如何制作 sourcemap 但不包括 URL?

我可以像 post 那样使用 gulp 和其他工具进行构建，但是有任何开箱即用/简单的方法吗？

Answer 1

我们必须将 soureMap 转为 'true' 才能使用 PROD 版本查看和调试 .TS 代码。

在angular.json

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

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

Answer 2

这似乎是可行的，通过为 sourceMap 参数配置 hidden: true，如下所示：

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

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

angular build with sourcemap but without the URL / reference