Gulp плагин sass, в css файле на выходе отступы в пробелах, как настроить отступы табами?

Когда Gulp.js компилирует Sass-файлы, по умолчанию отступы в CSS-файле отображаются в виде пробелов. Но если вам нужно настроить отступы в виде табуляции, вы можете воспользоваться функциональностью Gulp плагина "gulp-sass". Вот как это сделать:

1. Установите плагин "gulp-sass", если вы еще не установили его. Выполните команду в командной строке:

npm install gulp-sass --save-dev

2. Добавьте плагин в ваш файл "gulpfile.js":

const gulp = require('gulp');
const sass = require('gulp-sass');

gulp.task('sass', function() {
  return gulp.src('src/scss/*.scss')
    .pipe(sass({
      outputStyle: 'expanded',
      indentType: 'tab',
      indentWidth: 1
    }).on('error', sass.logError))
    .pipe(gulp.dest('dist/css'));
});

В этом коде мы устанавливаем outputStyle в 'expanded', чтобы получить несжатый CSS-код с отступами на новых строках. Затем мы указываем indentType в 'tab', чтобы настроить отступы в виде табуляции. И, наконец, мы устанавливаем indentWidth в 1, потому что у табуляции обычно ширина 1 символ.

3. Запустите задачу sass в вашем файле "gulpfile.js":

gulp.task('default', gulp.series('sass'));

Вы можете задать другое имя для задачи, если хотите.

4. Теперь при запуске Gulp.js он будет компилировать Sass-файлы, используя отступы в виде табуляции. Результат будет сохранен в указанной директории, в данном случае "dist/css".

Надеюсь, это поможет вам настроить отступы в CSS-файле с помощью Gulp.js и плагина gulp-sass. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать!