我正在将
我的想法是这样的:
问题在于linting步骤是异步的,因此在捆绑完成之前它不会完成(它还会抛出异常,所以我可能需要使用
那么,在调用
watchify
加入我们的构建流程,但我想在运行watchify之前设置前提条件,即更改的文件需通过我们的代码检查步骤(使用ESLint
)。我的想法是这样的:
function runBrowserify(watch){
var babel = babelify.configure({
optional: ['es7.objectRestSpread']
});
var b = browserify({
entries: './app/main.js',
debug: true,
extensions: ['.jsx', '.js'],
cache: {},
packageCache: {},
fullPaths: true
})
.transform(babel);
if(watch) {
// if watch is enable, wrap this bundle inside watchify
b = watchify(b);
b.on('update', function(ids) {
//run the linting step
lint(ids);
//run the watchify bundle step
gutil.log(gutil.colors.blue('watchify'), 'Started');
bundleShare(b);
});
b.on('time', function (time) {
gutil.log(gutil.colors.blue('watchify'), 'Finished', 'after', gutil.colors.magenta(time), gutil.colors.magenta('ms'));
});
}
bundleShare(b);
}
function bundleShare(b) {
b.bundle()
.pipe(source('main.min.js'))
.pipe(gulp.dest('./dist'));
}
function lint(glob) {
return gulp.src(glob)
.pipe(eslint())
.pipe(eslint.format())
.pipe(eslint.failOnError());
}
问题在于linting步骤是异步的,因此在捆绑完成之前它不会完成(它还会抛出异常,所以我可能需要使用
plumber
来防止它终止watch
步骤)。那么,在调用
bundleShared
之前,我该如何设置前置条件呢?