chromeでSASSのソースマップを確認することができない

Question

###sassのソースマップを表示させたい
Gulp sassを作ってcssソースマップを作っています
。

###該当のソースコード
gulp.task("sass",function(){
gulp.src("*scss")
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(autoprefixer())
.pipe(sourcemaps.write("./"))
.pipe(gulp.dest("./"))
.pipe(browser.reload({stream:true}));
});

index.php
style.css
style.css.map
すべて一番上の階層で作成しています。

ソースマップは出力されるのですが、charomeのデベロッパーツールで見てもcssしか表示されません。デベロッパーツールのEnable CSS source mapsはチェック入っています。
どのようにすれば見られるか、どなたか教えてください。

Answer 1

順番が違っていたようです

gulp.task("sass",function(){
gulp.src("*scss")
.pipe(sass())
.pipe(sourcemaps.init())
.pipe(autoprefixer())
.pipe(sourcemaps.write("./"))
.pipe(gulp.dest("./"))
.pipe(browser.reload({stream:true}));
});