gulp sourcemaps 没有写入预期的 sourcemaps

Question

这是任务：

dev.assets.sass = [
            'client/modules/*[!public]*/scss/*.scss'
        ];

gulp.task('sass', function () {
    gulp.src(dev.assets.sass)
        .pipe(sourcemaps.init())
        .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
        .pipe(concat('application.min.css'))
        .pipe(sourcemaps.write('./maps'))
        .pipe(gulp.dest('./client/build'));
});

问题是源映射看起来像这样：

{"version":3,"sources":["../../stdin"]....

这不是我所期望的。我想要类似于 bootstrap 的东西，其中，在 chrome 开发人员中，样式被映射回其原始的 less 源。我的源映射只是映射回标准输入，我认为这是 sass 管道的结果。我认为 gulp-sourcemaps 只是为最后一个操作创建地图...

Answer 1

您需要将 gulp-sass 更新到版本 2.1.1。这是 gulp-sass 中的一个错误，已在最新版本中修复。

来源：https://github.com/dlmanning/gulp-sass/issues/394

gulp sourcemaps 没有写入预期的 sourcemaps

gulp sourcemaps not writing expected sourcemap

gulp

gulp-sourcemaps