ネストするとsourcemapの行がおかしくなる

Question

sassをコンパイルしてChormeのデベロッパーツールにて確認するとき
ネストしているセレクタの行数がscssファイルとブラウザとでずれてしまいます。
正常に戻すにはどうすればよろしいでしょうか？

以下gulpfile.jｓの記述になります。

    gulp.task('sass', function() {
    return gulp.src(csspath).pipe(sourcemaps.init())
    .pipe(plumber({
      handleError: function(err) {
       console.log(err);
       this.emit('end');
     }
   })).pipe(frontnote({
    out: cssdocspath
  })).pipe(sassglob())
   .pipe(sourcemaps.init())
   .pipe(sass({sourcemap: true}))
   .pipe(header('@charset "UTF-8";\n\n'))
   .pipe(sourcemaps.write({includeContent: false}))
   .pipe(sourcemaps.init({loadMaps: true}))
   .pipe(autoprefixer())
   .pipe(csslint()).pipe(sourcemaps.write()).pipe(gulp.dest(cssdistpath))
   .pipe(browserSync.reload({stream:true})).pipe(notify('css task finished'))
 });

gulp.task('bs-reload', function() {
 browserSync.reload({stream:true});
});

gulp.task('default', ['browser-sync'], function() {
 gulp.watch(csspath, ['sass']);
 gulp.watch("*.html", ['bs-reload']);
});

Answer 1

https://medium.com/vunamhung/fix-nested-styles-refer-to-top-level-parent-in-sourcemap-line-number-15720dfda9c

こちらの記事が参考になり、正常に戻りました。