将所有sass文件合并到一个文件中

Question

在gulp-sass中有没有可用的选项来组合sass文件？

例如:

main.scss:

$var: red;

control.scss:

@import 'main';
.a{
  color: $var;
}

组合输出文件应该是单个scss文件,如下所示

$var: red;
.a{
  color: $var;
}

Answer 1

你尝试过这样的事吗？

gulp = require('gulp');
concat = require('gulp-concat');

// the default task
gulp.task('default', function() {
    return gulp.src('./*.scss')
       .pipe(concat('all.scss'))
       .pipe(gulp.dest('./dist/'));
});

这应该产生一个单独的组合scss ./dist/all.scss.

我不知道@import语句是否被正确处理,但这些问题通常由ad-hoc模块(例如,gulp-sass)处理,它产生.css输出......