Блог

Главная - Вопросы по программированию - gulp-sass удалил мой css — код, потерявший код в скомпилированном файле

gulp-sass удалил мой css — код, потерявший код в скомпилированном файле

#node-sass #gulp-sass

Вопрос:

Я использую gulp для компиляции сжатия моего css-кода из кода части scss

 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 после компиляции

кажется, глоток объединил мои две строки кода в одну

 -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, но я не нашел, как это предотвратить. Любой может помочь

Ответ №1:

Автофиксатор, скорее всего, удаляет префиксы поставщиков, которые больше не требуются/не поддерживаются в современных браузерах

Метки: ,