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