の非互換性、-ルビーSASSを飲み込むと飲み込む-sourcemaps

Question

私は私のgulpfile.jsで定義され、このタスクを持っている：

var sass  = require('gulp-ruby-sass'); 
var cleanCss = require('gulp-clean-css'); 
var srcmaps = require('gulp-sourcemaps'); 

gulp.task('css',function(){ 
    return sass('css/**/*.scss',{sourcemap: true}) 
      .on('error',sass.logError) 
      .pipe(srcmaps.write()) 
      .pipe(cleanCss()) 
      .pipe(gulp.dest('css')); 
}); 

それはその事実を除いて、右だ最終的な出力生成されたソースマップが機能していないようです（ファイアウォールでテストされ、cssが縮小されているため、インスペクタは常に1行目を指します）。

pipe(srcmaps.init())をpipe(cleanCss)の前に追加しようとしましたが、機能しませんでした。 cleanCssラインを削除すると問題は解決しましたが（ソースマップはうまくいきました）、CSSは縮小されません。

私には何が欠けていますか？

更新：cleanCssデバッグ出力は以下の通りです：

liquidacion.css: 7797 
liquidacion.css: 1200 
baja_cajas.css: 9918 
baja_cajas.css: 2071 
caja.css: 13160 
caja.css: 2605 
main.css: 11935 
main.css: 2394 
posiciones.css: 12905 
posiciones.css: 2625 
solicitud.css: 16182 
solicitud.css: 3305 
traslados.css: 12047 
traslados.css: 2646 
empleo.css: 19207 
empleo.css: 3816 
ingresos.css: 13832 
ingresos.css: 2985 
rq_personal.css: 17155 
rq_personal.css: 3882 

私はすでにcleanCss前srcmaps.init（）を追加する（とSASS後に）しようとしたが、それはどちらか動作しませんでした。

Answer 1

ので、私はようやく一息-SASSで一気-ルビーSASSを交換することになりました、すべてが期待どおりに機能しました。

Answer 2

gulp-sourcemapsは、srcmaps.write()までのCSSへの変換のみを記録します。 srcmaps.write()が呼び出されると、ソースマップがストリームに書き込まれ、後続の変換はソースマップに反映されません。あなたは縮小は、ソースマップに反映させたい場合は、srcmaps.write()前cleanCss()を実行する必要があることを意味

：

gulp.task('css',function(){ 
    return sass('css/**/*.scss',{sourcemap: true}) 
     .on('error',sass.logError) 
     .pipe(cleanCss()) 
     .pipe(srcmaps.write()) 
     .pipe(gulp.dest('css')); 
});