sass - 为每个部分生成 sourcemap

Question

我正在使用 gulp-sass 并且希望对于他管理的每个部分 sourcemap ，我可以使用 less 来做到这一点，但没有看到用 sass 做到这一点的方法。

_partial.scss ( within it have to have a mapfile ).

_partial2.scss ( this also ).

Answer 1

根据以 a 开头的 sass-lang 文件的规范，_未编译。另见：https ://github.com/sass/node-sass/issues/215

所以用gulp-rename 重命名你的部分：

var sourcemaps = require('gulp-sourcemaps');
var gulp = require('gulp');
var sass = require('gulp-sass');
var rename = require("gulp-rename");

gulp.task('sass', function () {
    gulp.src('./scss/*.scss')
        .pipe(sourcemaps.init())
        .pipe(rename(function (path) {
        path.basename = path.basename.replace(/^_/,'');
        }))
        .pipe(sass())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('./css'));
});