为每个部分生成源图

Question

我使用gulp-sass并希望他管理一个源图的每个部分，我可以使用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'));
});