Question

下面的My Gulp SCSS编译器适用于单个文件，并且当将文件包含到单个输出中时，例如styles.scss＆amp; _base.scss将输出styles.css。

但是，如果我是两个输出文件，例如styles.css＆amp; base.css制作scss文件＆＃39; base.scss＆＃39;它使用.scss扩展名将其符合dest。直到我得到一个base.css文件以及dest文件夹中的base.scss文件之前我才重新运行编译任务...

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

我正在使用node-sass。我不想使用ruby-sass

在public_html / css /

中输出

我得到了什么

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

我想得到什么

css/
- base.css
- style.css

Answer 1

{ style: 'expanded' }

中没有gulp.src这样的选项

要控制输出样式，您需要指定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'));
});

Gulp Sass编译问题

2 个答案: