Angular scss 样式怎样使用 sourceMap 调试？

Question

问题描述

请问 Angular 项目怎样配置使用 sourceMap 进行样式的调试？在 chrome 中尝试添加工作区也没办法建立相关映射关系。

问题出现的环境背景

使用 chrome 和 firefox 的调试工具都没办法看到某个样式的真正来源。chrome 调试器指向一个 scss 文件，但事实上并没有对应的样式，firefox 指向的是内联样式，其中也没有对应的样式。

Answer 1

这个和sourcemap没有关系吧。这是Angular默认的视图封装模式，你可以把相关的组件的encapsulation改为None试试
建议看下文档中的相关介绍