Sass를 압축하고 꿀꺽 꿀꺽 거리는 소스 맵을 포함 시키시겠습니까?

Question

sass를 압축하고 결과에 소스 맵을 포함시키는 것이 가능합니까? 내가 .pipe(cssnano())을 포함 할 경우는 sourcemaps을 제거합니다

sass: function(sassFilename, basename) { 
    return gulp.src(paths.sass + sassFilename) 
     .pipe(sourcemaps.init({loadMaps: true})) 
     .pipe(sass().on('error', sass.logError)) 
     .pipe(sourcemaps.write()) 
     .pipe(cssnano()) 
     .pipe(rename({ basename:basename, suffix: '.min' })) 
     .pipe(gulp.dest(paths.buildCss)); 
} 

Answer 1

sourcemaps.init() 및 sourcemaps.write() 통화 스트림에에 "책 끝"다른 모든 .pipe() 단계가 필요합니다. sourcemaps.init()과 sourcemaps.write() 사이에서 발생하지 않는 항목은 원본 맵에 기록되지 않습니다 (또는 경우에 따라 삭제 될 수도 있음).

sass: function(sassFilename, basename) { 
    return gulp.src(paths.sass + sassFilename) 
    .pipe(sourcemaps.init({loadMaps: true})) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(cssnano()) 
    .pipe(rename({ basename:basename, suffix: '.min' })) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest(paths.buildCss)); 
}