如何將CSS文件包含在gulp-sass中？

Question

基本上我有這個gulp任務片段：

var sassStream = gulp.src('src/assets/scss/app.scss')
        .pipe(plugins.sass({
            includePaths: ['bower_components/foundation-apps/scss']
        }));

我想在最終結果（包括app.css ）中bower_components/A.css和bower_components/B.css 。
請注意，它們不是.scss文件，因為作為供應商的一部分，我無法修改它們。

有一個簡單的方法嗎？

Answer 1

您可以使用event-stream和gulp-concat ：

var es     = require('event-stream');
var concat = require('gulp-concat');

...
gulp.task('sass', function() {
  var sassStream = gulp.src('src/assets/scss/app.scss').pipe(plugins.sass(...));
  var cssStream  = gulp.src('bower_components/{A,B}.css');

  return es.merge(sassStream, cssStream)
           .pipe(concat('app.css'))
           .pipe(gulp.dest('public/css'));
});