gulp-sass 删除了我的 css 代码 - 在编译文件上丢失代码

如何解决gulp-sass 删除了我的 css 代码 - 在编译文件上丢失代码

我正在使用 gulp 编译从 scss 部分代码压缩我的 css 代码

var gulp = require('gulp');
var plugins = require('gulp-load-plugins')();
var autoprefixer = require('gulp-autoprefixer');

var sassOptions = {
  outputStyle: 'compressed'
}

gulp.task('scss',function(done) {
  gulp.src('./static/scss/' + name.src + '/*.scss')
    .pipe(plugins.plumber({ errorHandler: plugins.notify.onError("Error: <%= error.message %>") }))
    .pipe(plugins.sass(sassOptions))
    .pipe(autoprefixer())
    .pipe(gulp.dest('static/css/' + name.dist));

  gulp.src('./static/scss/' + name.src + '/*.scss')
    .pipe(plugins.plumber({ errorHandler: plugins.notify.onError("Error: <%= error.message %>") }))
    .pipe(plugins.sass())
    .pipe(autoprefixer())
    .pipe(plugins.rename({ extname:'.full.css' }))
    .pipe(gulp.dest('static/css/' + name.dist));

  gulp.src('./static/css/**/*.scss')
    .pipe(plugins.plumber({ errorHandler: function(err) {
      plugins.notify.onError({
        title: "Gulp error in " + err.plugin,message: err.toString()
      })(err);
    }}))
    .pipe(plugins.sass())
    .pipe(gulp.dest('static/css'))
  done();
});

这里的问题是丢失了我的一些代码 git diff code after compiled

似乎吞下我的两行代码合二为一

-webkit-filter: drop-shadow(0 0 3px rgba(0,0.2));
          filter: drop-shadow(0 0 3px rgba(0,0.2));
          
          
==>> filter: drop-shadow(0 0 3px rgba(0,0.2));

可能与 gulp 配置或 gulp-sass 插件选项有关，但我没有找到如何防止它。任何人都可以帮忙

解决方法

Autoprefixer 可能会去除现代浏览器不再需要/支持的供应商前缀