Gulp Sass Compile Issue

Question

My Gulp SCSS Compiler ниже прекрасно работает с одиночными файлами и при включении файлов в один выход, например. styles.scss & _base.scss, который выводит styles.css.

Однако, если я был двумя выходными файлами, например. styles.css & base.css при создании scss-файла «base.scss» он соответствует его dest все еще с расширением .ssss. Его не пока я на самом деле повторно запустить задачу компиляции, пока я не получаю файл base.css, а также файл base.scss в папке Dest ...

gulp.task('build-css', function() { 
    return gulp.src('source/scss/**/*.scss', { style: 'expanded' }) 
     .pipe(plugins.sass()) 
    .pipe(gulp.dest('public_html/css')); 
}); 

Im используя узел-дерзость. Я не хочу использовать рубин Sass

выход в public_html/CSS/

Что я получаю

css/ 
- base.scss 
- base.css 
- style.css 

, что я хочу, чтобы получить

css/ 
- base.css 
- style.css 

Answer 1

Существует нет такой вариант, как { style: 'expanded' }, доступно для gulp.src

T o управляйте стилем вывода, вам нужно указать outputStyle и передать его в качестве аргумента с вызовом plugins.sass(options).

Answer 2

Вы разместили { style: 'expanded' } в неправильном расположении функции. Ваша функция должна выглядеть следующим образом:

gulp.task('build-css', function() { 
    return gulp.src('source/scss/**/*.scss') 
     .pipe(plugins.sass({ style: 'expanded' })) 
     .pipe(gulp.dest('public_html/css')); 
});