Chrome DevTools指向sourcemap中的错误sass文件

时间:2017-09-25 19:30:28

标签: sass google-chrome-devtools gulp-sourcemaps

我使用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错误,还是生成的源地图存在问题?

0 个答案:

没有答案