Twitter bootstrap 在Gulp任务中添加多个源映射

我目前正在尝试在Gulp中为我正在导入的SASS文件生成两个源映射（常规引导文件和缩小引导文件）。当我第二次写入源映射时，它试图读入常规的未缩小的源映射，并抛出一个错误。我是否必须将其分为两个任务，或者是否有办法将其作为SASS和地图构建的一个任务？提前谢谢这是代码

// Load Node Modules/Plugins
    import gulp from 'gulp';
    import gulpLoadPlugins from 'gulp-load-plugins';
    import browserSync from 'browser-sync';
    import del from 'del';
    var gutil = require('gulp-util');


    const reload = browserSync.reload;
    const $ = gulpLoadPlugins();

    // Remove existing docs and dist build
    gulp.task('clean', del.bind(null, ['docs/dist', 'dist']));


    // Build LibSass files
    gulp.task('styles', function() {
      gulp.src('./scss/bootstrap.scss')
        .pipe($.plumber())
        .pipe($.sourcemaps.init())
        .pipe($.sass().on('error', $.sass.logError))
        .pipe($.sourcemaps.write('.'))
        .pipe($.autoprefixer({browsers: ['last 1 version']}))
        .pipe($.rename({ suffix: '.min' }))
        .pipe(gulp.dest('dist/css'))
        .pipe($.minifyCss())
        .pipe($.sourcemaps.write('.'))
        .pipe(gulp.dest('dist/css'));
    });



    // Build JavaScript files 
    gulp.task('scripts', function() {
      return gulp.src(['js/src/util.js', 'js/src/alert.js', 'js/src/button.js', 'js/src/carousel.js', 'js/src/collapse.js', 'js/src/dropdown.js', 'js/src/modal.js', 'js/src/scrollspy.js', 'js/src/tab.js', 'js/src/tooltip.js', 'js/src/popover.js'])
        .pipe($.babel())
        .pipe($.concat('./bootstrap.js'))
        .pipe(gulp.dest('dist/js'));
    });





    // Watch tasks
    gulp.task('watch', function() {     
           gulp.watch('scss/*.scss', ['styles']);
           gulp.watch('js/src/*.js', ['scripts']);
    });

    gulp.task('dist', ['styles', 'scripts']);

    gulp.task('default', ['clean'], () => {
      gulp.start('dist');
    });