有没有办法将 Chrome 的本地覆盖/工作区与 Angular 2+ 的 ts 文件一起使用？

Posted 2023-03-07

【中文标题】有没有办法将 Chrome 的本地覆盖/工作区与 Angular 2+ 的 ts 文件一起使用？

【英文标题】：Is there a way to use Chrome's local overrides / workspace with Angular 2+'s ts file?

【发布时间】：2018-09-09 10:22:14

【问题描述】：

问题是：

示例：我想在 Angular 2+（在我的情况下为 v5）应用程序运行时编辑 Chrome .ts 文件（angular-cli）？

我已经为scss files 找到了一种方法，但不适用于ts

【参考方案1】：

结果是 angular-cli with source maps + chrome dev tools latest (tested on Chrome v65 on MacOS) 在 source 标签 (ctrl/cmd+P )，允许对其进行编辑，编辑后的文件直接反映在文件系统中。

注意事项：

在 chrome 开发工具的“工作区”中添加您的项目文件夹 每个组件通常有 2 个文件（es5 和 es6 一个）。编辑es6一个！ （通常在webpack://...- 不是 internal - 命名空间下）

【讨论】：

它也适用于 html 吗？在进行单元测试或 e2e 测试时，我经常需要添加类和 id

可能是纯 HTML。我没有测试它，因为我将它用于生成自定义 html 然后由框架通过 JS 处理，而不是浏览器