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

Chr*_*row 16 css sass google-chrome-devtools

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

在此输入图像描述

par*_*e25 30

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

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

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

  • 这次聚会晚了几年,但反响很好! (2认同)