为每个部分生成 sourcemap

Question

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

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

_partial2.scss ( this also ).

Answer 1

根据 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'));
});