Sassを圧縮し、ソースマップにgulpを含めますか？

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)); 
} 

完璧な作品