为什么chrome样式检查器会显示.scss的样式？

Question

当我使用＆＃39;样式＆＃39; Google Chrome开发人员工具的标签，它会将我的一种样式报告为来自.scss文件。这怎么可能 - 我认为所有.scss必须被压平并从.css文件中读取：

Answer 1

将sass编译为css时，可以选择生成源映射文件。在css文件的末尾，您将找到对地图文件的引用，该文件将与您的css位于相同的文件夹位置，扩展名为.map。

Chrome检查员使用它来帮助开发。您可以在chrome检查器中将其关闭，或者只是从css中删除对源地图的引用，或者首先删除选项以生成源地图。

如果您只想让chrome显示css并且很乐意保留源地图文件，您可以关闭该选项。要关闭Chrome开发者工具中的选项，请打开检查器并转到“设置”。查看“首选项”部分的“来源”类别，并取消选中＆＃34;启用css源地图＆＃34;