我最近开始在我的 gulp 构建中使用 watchify,但我不明白,为什么当出现问题时它不会在终端中引发错误。可能,我应该在某处添加类似的东西if(err) throw err
,但我不明白到底在哪里。
此外,此代码假设进行某种热重载,但事实并非如此,它只是比不使用 watchify 构建得快得多,但无论如何它都会重新加载页面。
gulp.task('js', function() {
var bundler = browserify({
entries: ['src/js/main.js'], // Only need initial file, browserify finds the deps
transform: [babelify], // We want to convert JSX to normal javascript
debug: true, // Gives us sourcemapping
cache: {}, packageCache: {}, fullPaths: true // Requirement of watchify
});
var watcher = watchify(bundler);
return watcher
.on('update', function () { // When any files update
var updateStart = Date.now();
console.log('Updating!');
watcher.bundle() // Create new bundle that uses the cache for high performance
.pipe(source('main.js'))
// This is where you add uglifying etc.
.pipe(gulp.dest('dist'));
console.log('Updated!', (Date.now() - updateStart) + 'ms');
})
.bundle() // Create the initial bundle when starting the task
.pipe(source('main.js'))
.pipe(gulp.dest('dist'));
});