如何将 css 文件包含到 gulp-sass 中？

【问题标题】：How to include css files to gulp-sass?如何将 css 文件包含到 gulp-sass 中？
【发布时间】：2016-03-08 10:16:09
【问题描述】：

基本上我有这个 gulp 任务 sn-p:

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 文件，并且由于是供应商的一部分，我无法修改它们。

有什么简单的方法吗？

【问题讨论】：

标签： javascript sass gulp

【解决方案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'));
});

【讨论】：