如何在 Chrome 开发工具中获取映射 Angular CLI css 文件? [英] How to Source Map Angular CLI css files in Chrome Dev Tools?

查看：28 发布时间：2021/11/8 23:59:14 angular webpack google-chrome-devtools webstorm angular-cli

本文介绍了如何在 Chrome 开发工具中获取映射 Angular CLI css 文件?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

有没有一种方法可以设置源映射样式，以便在 Chrome 开发工具中所做的编辑可以持久保存到添加的本地工作区?

Chrome Dev Tools 在元素检查器的 <style>...</style> 标签中显示了我在 styles.scss 中的所有样式.

Chrome Dev Tools is showing all my styles in styles.scss in a <style>...</style> tag in the element inspector.

我已经设置了 Chrome Dev Tools 工作区，类似于 @vt5491 在他们的 SO 中的做法:https://stackoverflow.com/a/37627935/1762493 并且这适用于 .ts 文件我相信但元素样式不会链接回元素检查中的源映射，因为它们已经构建ng 服务于 index.html 的