这是任务:
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 只是为最后一次操作创建地图......