gulp多次處理後保持一個理智的源地圖

Question

我已經優化了我的css編譯速度的一攬子和基本上排隊3個操作一起在一個任務。它運作良好，但現在我有點卡住產生適當的sourceMaps。

Answer 1

我簡化了一下你的樣品，但你可以嘗試與此類似的解決方案：

var gulp = require('gulp'), 
    filter = require('gulp-filter'), 
    less = require('gulp-less'), 
    concat = require('gulp-concat'), 
    sourcemaps = require('gulp-sourcemaps'); 

gulp.task('default', function(){ 

    var lessFilter = filter(['**/*.less']); 
    var cssFilter = filter(['**/*.css']); 

    return gulp.src('src/**/*') 
     .pipe(sourcemaps.init()) 
     .pipe(lessFilter) 
     .pipe(less()) 
     .pipe(lessFilter.restore()) 
     .pipe(cssFilter) // Needed only in case the src folder contains files that are not compiled to css at this stage of the pipeline 
     .pipe(concat('./final.css')) 
     .pipe(sourcemaps.write()) 
     .pipe(gulp.dest('dest')); 
});