gulp - gulp-sourcemaps の出力が gulp-strip-css-comments で壊れるのはなぜですか?

Question

CSS コードからすべてのコメントを削除したいのですが、gulp タスクに gulp -strip-css-commentsを追加すると、その gulp -strip-cssを確認している場合でも、ソースマップが機能しなくなることに気付きました。-comments/*# sourceMappingURL=style.css.map */は、正規表現オプションを使用して、ソース マップを指すコメントを保持します。

以下に、 gulp-strip-css-commentsを使用する前後にコードと出力を追加しました。

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