提问者:小点点

Gulp Sass编译问题


下面我的Gulp SCSS编译器可以很好地处理单个文件,并且当将文件包含到单个输出中时,例如styles.SCSS&;_base.scss,它将输出styles.css。

但是,如果我是两个输出文件,例如styles.css和amp;当将scss文件设置为“base.scss”时,它仍然以。scss扩展名符合目标要求。直到我真正重新运行编译任务,直到我在dest文件夹中得到一个base.css文件和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

共2个答案

匿名用户

您将放在了函数的错误位置。您的函数应该如下所示:

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

匿名用户

中没有这样的选项

要控制输出样式,需要指定outputStyle并将其作为参数与调用传递。