为每个部分生成 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'));
});

为每个部分生成 sourcemap

Generate sourcemap for each partial

sass

gulp

gulp-sass