호환성, 루비 - 말대꾸를 꿀꺽하고 꿀꺽 - 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(cleanCss) 이전 pipe(srcmaps.init())를 추가 시도했지만 중 하나가 작동하지 않았다. 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()를 추가 (및 말대꾸 후)했는데, 그 중 하나가 작동하지 않았다.

Answer 1

그래서, 나는 마침내 꿀꺽 - 말대꾸로 꿀꺽 - 루비 말대꾸를 교체 결국, 모든 것이 예상대로 작동했습니다.

Answer 2

gulp-sourcemaps에만 CSS 최대 srcmaps.write()까지로 변환을 기록합니다. 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')); 
});