吞下一个监视任务，将一个Sass文件编译到多个位置？

Question

如何使用一个监视任务将一个.scss文件编译为两个不同位置的.css文件？

我希望任务'默认'执行'styles'和'pub'两个任务，而不仅仅是'样式'。

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('styles', function() {
    gulp.src('web/sass/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('web/css/'));
});

gulp.task('pub', function() {
    gulp.src('web/sass/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('../../../../../pub/static/frontend/Training/default/en_US/css/'));
});

gulp.task('default', function() {
    gulp.watch('web/sass/**/*.scss',['styles']);
});

Answer 1

要向主任务添加更多任务，只需像添加数组一样添加它们。所以你的默认任务是：

gulp.task('default', function() {
    gulp.watch('web/sass/**/*.scss',['styles','pub']);
});