Sourcemap между скомпилированным, миниатюрным и конкатенированным файлом css и sass-файлами

Question

У меня есть следующая задача, которая компилирует * .scss-файлы в scc, минимизирует их и объединяет в один файл css.

gulp.task("scss-to-css", ["clean-css"], function() { 
return gulp.src(pathToScssFiles) 
    .pipe(sass()) 
    .pipe(minifyCss({})) 
    .pipe(concat("app.min.css")) 
    .pipe(gulp.dest(contentDir)); 
}); 

Можно ли добавить sourcemap из app.min.css в * .scss файлы?

Answer 1

Я рекомендую использовать модуль gulp-ruby-sass вместо gulp-sass. Когда я попытался создать исходную карту, как вы, мне не удалось получить исходную карту оригинала каждого файла scss. Поэтому я ищу другой путь, ниже код gulpfile, казалось, был лучше.

var gulp = require('gulp'); 
var concat = require('gulp-concat'); 
var sourcemaps = require('gulp-sourcemaps'); 
var minifyCss = require('gulp-minify-css'); 
//var sass = require('gulp-sass'); 
var sass = require('gulp-ruby-sass'); 


gulp.task('scss-to-css', function() { 

    return sass('scss/*.scss', { sourcemap: true }) 
    .pipe(sourcemaps.write()) 
    .pipe(sourcemaps.init({loadMaps: true})) 
    .pipe(minifyCss({})) 
    .pipe(sourcemaps.init({loadMaps: true})) 
    .pipe(concat("app.min.css")) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest('./build')); 
}); 

gulp.task('default', ['scss-to-css']); 

Перед запуском глотка, gem install sass требуется.

Обратитесь к github example repo.