Sass 源地图中的源错误，带有Gulp

我正在尝试使用Gulp和Gulp sourcemaps创建有效的源地图。源映射实际上已经创建，但在内部，“sources”参数没有加载我的SASS文件的适当路径。这就是我得到的：

"version":3,"file":"style.css","sources":["style.css"]

当我需要加载类似的内容时（由考拉应用程序创建）：

这是我的吞咽任务

 gulp.task('sass', function () {
  return gulp.src('style/sass/**/*.scss')
  .pipe(sass(
    {
      'outputStyle': 'expanded'
    }
  ))
  .pipe(sourcemaps.init())
  .pipe(sass().on('error', sass.logError))
  .pipe(sourcemaps.write('.')
  .pipe(gulp.dest('./style/css'))
  .pipe(bs.reload({stream: true}));
});

感谢您的时间。

sourcemaps.init（）必须在sass管道之前运行，因此：

gulp.task('sass', function () {
  return gulp.src('style/sass/**/*.scss')
   .pipe(sourcemaps.init())
   .pipe(sass( {
      'outputStyle': 'expanded'
     }).on('error', sass.logError))
   .pipe(sourcemaps.write())
   .pipe(gulp.dest('./style/css'))
   .pipe(bs.reload({stream: true}));
});

看

---

由于某种原因，你有两个sass调用，去掉第一个，把它的选项放到第二个sass管道调用中。

真是个傻瓜。这太简单了。谢谢你，马克，它很管用；）

gulp.task('sass', function () {
  return gulp.src('style/sass/**/*.scss')
   .pipe(sourcemaps.init())
   .pipe(sass( {
      'outputStyle': 'expanded'
     }).on('error', sass.logError))
   .pipe(sourcemaps.write())
   .pipe(gulp.dest('./style/css'))
   .pipe(bs.reload({stream: true}));
});