gulp watch方法 Gulp - 组合任务 gulp 动态加载 Gulp - Watch Watch方法用于监视源文件。当对源文件进行任何更改时，手表将运行适当的任务。您可以使用“默认”任务来监视HTML，CSS和JavaScript文件的更改。 更新默认任务 在前一章中，您已学会如何使用默认任务来组合任务。我们使用了gulp-minify-css，gulp-autoprefixer和gulp-concatplugins，并创建了样式任务来缩小CSS文件。 要监视CSS文件，我们需要更新'默认'任务，如下面的代码所示： gulp.task('default', ['styles'], function() { // watch for CSS changes gulp.watch('src/styles/*.css', function() { // run styles upon changes gulp.run('styles'); }); }); 将监视所有正在工作的CSS文件 / src / styles / 文件夹，并在对这些文件进行更改时，样式任务将被执行。 运行默认任务 使用以下命令运行“默认”任务。 gulp 执行上述命令后，您将收到以下输出。 C:\work>gulp [17:11:28] Using gulpfile C:\work\gulpfile.js [17:11:28] Starting 'styles'... [17:11:28] Finished 'styles' after 22 ms [17:11:28] Starting 'default'... [17:11:28] Finished 'default' after 21 ms 每当对CSS文件进行任何更改时，都会收到以下输出。 C:\work>gulp [17:11:28] Using gulpfile C:\work\gulpfile.js [17:11:28] Starting 'styles'... [17:11:28] Finished 'styles' after 22 ms [17:11:28] Starting 'default'... [17:11:28] Finished 'default' after 21 ms gulp.run() has been deprecated. Use task dependencies or gulp.watch task triggering instead. [17:18:46] Starting 'styles'... [17:18:46] Finished 'styles' after 5.1 ms 监视进程将保持活动并对您的更改作出响应。您可以按Ctrl + C来终止监视过程并返回到命令行。 Gulp - 组合任务 gulp 动态加载
