我使用gulp-sourcemaps从SASS文件生成我的CSS和Source Mpas,我注意到有时,当一个元素定义为变量color
时,源图指向变量的SCSS文件,而不是元素的SCSS文件。
因此,例如,如果某个元素被设置为样式,那就说," _nav.scss" color
变量在" _colors.scss"中定义:
.navigation-top a {
font-weight: 600;
color: $color__topnav-text;
transition: color 0.2s;
}
此元素的CSS源地图指向" colors.scss"在Chrome的DevTools而不是" nav.scss"。只有少数几个元素才是这种情况。对于大多数使用color
变量的元素,DevTools仍然指向正确的SCSS文件。
这是Chrome错误,还是生成的源地图存在问题?