我使用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 有问题?