gulp-strip-css-commentsでgulp-sourcemapsの出力が中断するのはなぜですか？

Question

私はCSSコードからすべてのコメントを削除したいと思いますが、私がgulp-strip-css-commentsをgulpタスクに追加したときに、ソースマップが正常に機能しなくなっても気付いています。gulp-strip-css-comments正規表現オプションを使用して、ソースマップ/*# sourceMappingURL=style.css.map */を指すコメントを保持します。私は前と一息ストリップ-CSS-コメント使用した後に私のコードと出力を追加した下

：前

を一気ストリップ-CSS-コメント

gulp.task('sass:dev', function() { 
    gulp.src('./sass/*.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(
     sass({ 
     includePaths: [ 
      './node_modules/breakpoint-sass/stylesheets/' 
     ] 
     }) 
     .on('error', sass.logError) 
    ) 
    .pipe(autoprefixer({ 
     browsers: ['last 2 version', 'ie 11'] 
    })) 
    .pipe(sourcemaps.write('.')) 
    .pipe(gulp.dest('./css')); 
}); 

gulp-strip-css-commentsの後に

gulp.task('sass:dev', function() { 
    gulp.src('./sass/*.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(
     sass({ 
     includePaths: [ 
      './node_modules/breakpoint-sass/stylesheets/' 
     ] 
     }) 
     .on('error', sass.logError) 
    ) 
    .pipe(autoprefixer({ 
     browsers: ['last 2 version', 'ie 11'] 
    })) 
    .pipe(sourcemaps.write('.')) 
    .pipe(stripCssComments({preserve: /^# sourceMappingURL=/})) 
    .pipe(gulp.dest('./css')); 
}); 

Answer 1

sourcemapsの.pipe前プットstripCssCommentsコード（sourcemaps.write（） ''）

gulp.task('sass:dev', function() { 
 
    gulp.src('./sass/*.scss') 
 
    .pipe(sourcemaps.init()) 
 
    .pipe(
 
     sass({ 
 
     includePaths: [ 
 
      './node_modules/breakpoint-sass/stylesheets/' 
 
     ] 
 
     }) 
 
     .on('error', sass.logError) 
 
    ) 
 
    .pipe(autoprefixer({ 
 
     browsers: ['last 2 version', 'ie 11'] 
 
    })) 
 
    .pipe(stripCssComments({preserve: /^# sourceMappingURL=/})) 
 
    .pipe(sourcemaps.write('.')) 
 
    .pipe(gulp.dest('./css')); 
 
});