我今天从google web入门工具包模板开始，我想知道是否可以在调试时观看sass文件。现在，我仅看到已编译的components.css和main.css。我确实启用了源映射，但显然您只能看到编译后的版本。
提前很多
我也有同样的问题。以下来自Google的文章对我有所帮助：Chrome开发工具CSS预处理程序
具体来说，检查您的gulpfile.js以确保rubySass任务启用了源映射，如下所示：
gulp.task('styles:scss', function () {
return gulp.src(['app/styles/**/*.scss', '!app/styles/components/components.scss'])
.pipe($.rubySass({
style: 'expanded',
precision: 10,
loadPath: ['app/styles'],
sourcemap: true
}))
.pipe($.autoprefixer('last 1 version'))
.pipe(gulp.dest('.tmp/styles'))
.pipe($.size({title: 'styles:scss'}));
});
上面的代码导致生成CSS源映射。接下来，我在Chrome开发者工具设置中启用了CSS源地图。最后，我创建了一个Chrome工作区-上面的Chrome开发工具文档中提到了该工作区。
有关工作区的更多信息，请参见：Chrome开发工具工作区
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句