gulp-sass多个css版本

Question

基于Foundation6.4的gulb文件，我编译了我的sass文件。我们的目标是编译app.css、backend.css和rte.css

var gulp          = require('gulp');
var $             = require('gulp-load-plugins')();
var autoprefixer  = require('autoprefixer');

var sassPaths = [
  'node_modules/foundation-sites/scss',
  'node_modules/motion-ui/src'
];

function sass() {
  return gulp.src('scss/app.scss')
    .pipe($.sass({
      includePaths: sassPaths
    }).pipe(gulp.dest('css'));
};

function rte() {
  return gulp.src('scss/Rte.Default.scss')
    .pipe($.sass({
      includePaths: sassPaths
    }).pipe(gulp.dest('css'));
};

function backend() {
  console.log('Backend\n');
  return gulp.src('scss/Custom.Backend.scss')
    .pipe($.sass({
      includePaths: sassPaths
    })
    .pipe(gulp.dest('css'));
};

function serve() {
  gulp.watch("scss/**/*.scss", sass);
};

// define the tasks
gulp.task('sass', sass);
gulp.task('rte', rte);
gulp.task('backend', backend);
gulp.task('serve', serve);

gulp.task('default', gulp.series([sass, rte, backend, serve]));

不幸的是，我可以自己编译app，rte，backend (注释掉其他任务)，但我不能一次编译所有它们。

我只得到"app.css"，而不是其他文件。我有点迷失在吞咽/参考中，尝试某些“相似”的脚本/提示/提示--但我总是失败。

你知道吗？我相信你会的！谢谢你的帮助！

Answer 1

以下是此代码的一个问题：

function sass() {
  return gulp.src('scss/app.scss')
    .pipe($.sass({
      includePaths: sassPaths
    }).pipe(gulp.dest('css'));    // problem here
};

由于您的风格，它有点模糊，但您缺少一个)

   })).pipe(gulp.dest('css'));    // correct

在其他任务中也是如此。