带有缩小文件(grunt)的Sass源映射
将Sass与sourcemaps结合使用对我来说可以很好地处理未统一的CSS,但使用我的缩小的CSS则不行。 我猜这可能是因为引用首先被构建到已编译的css文件中,但随后缩小的版本更改了所有内容,引用随后失败,是吗?如果是这样,我仍然不知道该怎么办。如果您能帮助我们找到解决方案,我们将不胜感激 这是我的主*scss文件的最后一行:带有缩小文件(grunt)的Sass源映射,sass,gruntjs,minify,source-maps,Sass,Gruntjs,Minify,Source Maps,将Sass与sourcemaps结合使用对我来说可以很好地处理未统一的CSS,但使用我的缩小的CSS则不行。 我猜这可能是因为引用首先被构建到已编译的css文件中,但随后缩小的版本更改了所有内容,引用随后失败,是吗?如果是这样,我仍然不知道该怎么办。如果您能帮助我们找到解决方案,我们将不胜感激 这是我的主*scss文件的最后一行: /*# sourceMappingURL=mytheme-full.css.map */ 我在想;如果我改成下面的话,它应该会起作用。但是没有 /*# source
/*# sourceMappingURL=mytheme-full.css.map */
我在想;如果我改成下面的话,它应该会起作用。但是没有
/*# sourceMappingURL=mytheme-full-min.css.map */
这是我的Gruntfile.js:
cssmin: {
build: {
files: {
'sites/all/themes/mytheme/css/mytheme-full-min.css': 'sites/all/themes/mytheme/css/mytheme-full.css'
}
}
},
sass: {
dist: {
options: {
sourcemap: 'auto'
},
files: {
'sites/all/themes/mytheme/css/mytheme-full.css': 'sites/all/themes/mytheme/sass/mytheme-full.scss'
}
}
},
到目前为止,grunt contrib cssmin不支持sourcemaps(请参阅和) 但是,grunt contrib sass和grunt autoprefixer都支持sourcemaps,因此最好的选择可能是在它们上启用sourcemaps,并使用未统一的css进行开发和调试。要在autoprefixer中启用sourcemaps,只需设置:
options: {
map: true
}
我这里也有同样的问题。你有没有试过让它工作?