yeoman - Gulp webapp 生成器 sass sourcemaps

Question

我无法让 sass sourcemaps 工作，我在 gulpfile 中设置了这个：

Sass 任务片段形式 Gulpfile：

gulp.task('styles', function () {
    return gulp.src('app/styles/main.scss')
        .pipe($.rubySass({
            style: 'expanded',
            precision: 10,
            sourcemap: true
        }))
        .pipe($.autoprefixer('last 1 version'))
        .pipe(gulp.dest('.tmp/styles'))
        .pipe(reload({stream:true}))
        .pipe($.size());
});

该main.css.map文件实际上在.tmp/stylesnext to下生成main.css，但浏览器不会读取它。我正在使用带有BrowserSync的generator-gulp-webapp表单 yeoman 。

来自 gulpfile 的 BrowserSync 片段：

gulp.task('serve', ['styles'], function () {
    browserSync.init(null, {
        server: {
            baseDir: ['app', '.tmp'],
            directory: true
        },
        debugInfo: false,
        open: false,
        host: "localhost"
    }, function (err, bs) {
        require('opn')(bs.options.url);
        console.log('Started connect web server on ' + bs.options.url);
    });
});