Gulp源图

Question

尝试实现sass源图，但出于某种原因，它似乎并不适合子文件夹。例如，下面是要编译的main.scss文件：

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

更改显示（使用BrowserSync）并且编译没有任何问题。但是检查开发工具中的代码。它似乎没有引用最后一个导入，它引用了＆＃39; test3＆＃39;代替。请参见屏幕截图Dev Tools Screen Shot

sass文件＆＃39; sub / test4＆＃39;包含身体的鲑鱼颜色，但源地图说这包含在文件＆＃39; test3＆＃39;。

请参阅下面的我正在使用的样式任务：

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'}));
});

尝试了各种不同的东西，但似乎没有任何东西可行。任何帮助非常感谢！