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

Question

如何通过一个监视任务将一个 .scss 文件编译成两个不同位置的 .css 文件？

我希望任务 'default' 完成任务 'styles' 和 'pub'，而不仅仅是 'styles'。

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']);
});

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

Gulp one watch task, compile one Sass file to multiple locations?

gulp

gulp-sass