为每个部分生成源图 [英] Generate sourcemap for each partial

问题描述

我正在使用gulp-sass，想要管理每个partials他都管理一个sourcemap，我可以使用less来做到这一点，但没有看到用sass来做到这一点。

I'm using the gulp-sass and would like for each partials he manages a sourcemap , I can do this using the less but did not see a way to do this with sass.

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

_partial2.scss ( this also ).

推荐答案

根据从sass-lang文件开始的规范 _ 不会被压缩。另见： https://github.com/sass/node-sass/issues/215

According the specification from sass-lang files starting with a _ are not compilled. See also: https://github.com/sass/node-sass/issues/215

因此，请使用重命名您的偏好gulp-rename ：

So rename your partials with 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'));
});

这篇关于为每个部分生成源图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！