我目前只有 gulp 工作,但需要在完成任何更新之前对文件进行更改。有没有办法运行构建任务然后观察变化?
这是我的 gulp 文件:
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserify = require('browserify');
var babelify = require('babelify');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
gulp.task('styles', function() {
gulp.src('sass/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('css/'));
});
gulp.task('scripts', function() {
browserify('js/main.js')
.transform(babelify,{presets: ["es2015", "react"]})
.bundle()
.pipe(source('bundle.js'))
.pipe(gulp.dest('.'))
.pipe(buffer())
});
gulp.task('default', function() {
gulp.watch('sass/**/*.scss',['styles']);
gulp.watch('js/*.js',['scripts']);
});
最佳答案
将它们添加为在您的 task 之前运行的相关任务.
gulp.task('default', ['styles', 'scripts'], function() {
gulp.watch('sass/**/*.scss',['styles']);
gulp.watch('js/*.js',['scripts']);
});
任务 'styles'
和 'scripts'
将被运行,然后 'default'
的回调函数将被调用两个 gulp.watch()
语句。
关于javascript - 如何在执行时运行 gulp 任务,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40877547/