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

Question

我正在使用 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

似乎 gulp 将我的两行代码合并为一个

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

可能与 gulp config 或 gulp-sass 插件选项有关，但我不知道如何防止它。任何人都可以提供帮助

Answer 1

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