Gulp создает пустой файл css (компиляция sass в css)

Я хочу скомпилировать свой файл sass в css, но он не работает, хотя недавно работал (я делал то же самое, и все было нормально). Мой файл CSS просто пуст.

Вот задача

gulp.task('sass', function () {
  return gulp.src('src/sass/*.sass')
   .pipe(sass().on('error', sass.logError))
   .pipe(gulp.dest('dist/css'));
});

Я переустановил пакеты и node js, но это не помогло.

https://imgur.com/a/yy4oJMl

Добро пожаловать в Stack Overflow, не могли бы вы опубликовать задачи gulp в виде отформатированного кода вместо изображений?

— 30.12.2018 21:18

Извините, я имел в виду исходный вопрос, а не комментарий.

— 30.12.2018 21:19

Вы имеете в виду, что dist / css каталог пуст?

— 30.12.2018 21:22

Нет, компилируется. Есть style.css, но он пуст, а style.sass содержит код.

— 30.12.2018 21:23

И можете ли вы показать минимальный файл .sass, который тоже компилируется в пустой файл .css.

— 30.12.2018 21:50

Если вы измените свой style.sass на style.scss, будет ли это работать с return gulp.src ('src / sass / *. Scss')? Вам нужно использовать файлы синтаксиса с отступом sass? Если нет, попробуйте вместо этого файлы .scss.

— 30.12.2018 22:02

Омг, спасибо, в моем sass-коде была ошибка. Я написал двоеточие (например, background-color: $ header-color, и это сработало). Виноват. Еще раз спасибо!

— 30.12.2018 23:09

css sass compilation gulp

30.12.2018 21:15

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...