gulp - Gulp ソースマップ

Question

sass ソースマップを実装しようとしていますが、何らかの理由でサブ フォルダーに対してうまく機能していないようです。たとえば、以下はコンパイルされる main.scss ファイルです。

@import 'test';
@import 'test1';
@import 'test2';
@import 'test3';
@import 'sub/test4';

変更は (BrowserSync を使用して) 表示され、問題なくコンパイルされます。ただし、開発ツールでコードを検査しています。最後のインポートを参照していないようで、代わりに「test3」を参照しています。スクリーンショットを見るDev Tools スクリーンショット

sass ファイル 'sub/test4' にはボディのサーモン カラーが含まれていますが、ソース マップはこれがファイル 'test3' に含まれていることを示しています。

私が使用しているスタイルタスクについては、以下を参照してください。

gulp.task('styles', function(){

    return gulp.src('assets/scss/**/*.scss')
        .pipe(plumber({
            errorHandler: function(err){
                this.emit('end');
            } 
        }))
        .pipe(scssLint({ customReport: scssLintStylish }))
        .pipe(sourcemaps.init())
        .pipe(sass({outputStyle: 'compressed', errLogToConsole: true}))
        .on('error', notify.onError({ message: 'SASS Compile Fail'}))
        .pipe(autoprefixer({
            browsers: ['last 2 versions']
        }))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('assets/css'))
        .pipe(uglifycss())
        .pipe(browserSync.stream({match: '**/*.css'}));
});

さまざまなことを試してみましたが、何も機能していないようです。どんな助けでも大歓迎です！