【发布时间】：2018-09-09 10:22:14
【问题描述】：
问题是：有没有办法将 Chrome 的本地覆盖/工作区与 Angular 2+ 的 ts 文件一起使用？
示例：我想在 Angular 2+（在我的情况下为 v5）应用程序运行时编辑 Chrome .ts 文件（angular-cli）？
我已经为scss files 找到了一种方法，但不适用于ts
【问题讨论】：
标签： angular google-chrome-devtools
【发布时间】：2018-09-09 10:22:14
【问题描述】：
结果是 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 处理，而不是浏览器