在web初学者工具包中使用sass源映射

我今天从模板开始，我想知道是否可以在调试时查看sass文件。现在我只看到编译后的components.css和main.css。我确实启用了源代码映射，但显然您只能看到编译后的版本

---

很多tnx事先

我也有同样的问题。谷歌的以下文章帮助了我：

具体来说，请检查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开发工具文档中提到过

有关工作区的更多信息，请参见：

---

tnx谢谢您的回复。我确实设法在dev工具中看到了sass文件。Tnx。然而，直接在开发工具中编辑它们是不起作用的。应该吗？