我正在尝试重构我两年前编写的一些遗留代码。准确地说,是一个gulpfile.js文件。
问题似乎就在这里:
// gulp.task('default', ['browserify', 'copy'], function() {
// return gulp.watch('src/**/*.*', ['browserify', 'copy']);
// });我将其注释掉,并将其替换为:
gulp.task('default', gulp.series('browserify', 'copy'), function() {
return gulp.watch('src/**/*.*', ['browserify', 'copy']);
});还不够好。整个文件如下所示:
var gulp = require('gulp');
var browserify = require('browserify');
var reactify = require('reactify'); // Converts jsx to js
var source = require('vinyl-source-stream'); // Converts string to a stream
gulp.task('browserify', function() {
browserify('./src/js/main.js')
.transform('reactify')
.bundle()
.pipe(source('main.js'))
.pipe(gulp.dest('dist/js'));
});
gulp.task('copy', function() {
gulp.src('src/index.html').pipe(gulp.dest('dist'));
gulp.src('src/css/*.*').pipe(gulp.dest('dist/css'));
gulp.src('src/images/*.*').pipe(gulp.dest('dist/images'));
gulp.src('src/js/vendors/*.*').pipe(gulp.dest('dist/js'));
});
// gulp.task('default', ['browserify', 'copy'], function() {
// return gulp.watch('src/**/*.*', ['browserify', 'copy']);
// });
gulp.task('default', gulp.series('browserify', 'copy'), function() {
return gulp.watch('src/**/*.*', ['browserify', 'copy']);
});我已经阅读了一些入门文档,但是到目前为止我所读到的并没有帮助我重构这个文档。
发布于 2018-11-22 22:07:49
这个问题是因为我使用npm i gulp安装的gulp版本快速解决了这个问题,降级到2年前使用的gulp版本,一切都会很好。
发布于 2018-12-19 11:51:01
使用Gulp4.0,您在系列中运行任务的方式已经发生了变化。您可以使用下面的链接https://github.com/gulpjs/gulp/blob/master/docs/recipes/running-tasks-in-series.md阅读和获取您想要的内容。
https://stackoverflow.com/questions/53437805
复制相似问题