下面我的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
您将放在了函数的错误位置。您的函数应该如下所示:
gulp.task('build-css', function() {
return gulp.src('source/scss/**/*.scss')
.pipe(plugins.sass({ style: 'expanded' }))
.pipe(gulp.dest('public_html/css'));
});
这样的选项
要控制输出样式,需要指定outputStyle并将其作为参数与