How can Gulp be restarted upon each Gulpfile change?

在处理使用Gulp作为自动化构建工具的项目时，有时候需要在Gulpfile.js（Gulp的配置文件）被修改后自动重启Gulp任务。这种自动化可以通过几种方法实现，但最常用的是结合使用gulp-watch和nodemon。

使用 nodemon

nodemon 是一个工具，它帮助开发者在源代码改变时自动重启应用。虽然它常用于Node.js应用，但也可以用来监视任何文件，并在文件改变时执行命令。以下是如何使用 nodemon 来监视 Gulpfile.js 的示例步骤：

1. 安装 nodemon 如果还没安装 nodemon，可以通过npm安装：

   bash
   npm install -g nodemon

2. 配置 nodemon 创建一个 nodemon.json 文件或在package.json中添加nodemon配置，指定监视的文件和要运行的命令。例如:

   json
   {
     "watch": ["Gulpfile.js"],
     "exec": "gulp"
   }

   这告诉 nodemon 监视 Gulpfile.js 文件，并在检测到更改时执行 gulp 命令。

3. 运行 nodemon 在终端中运行：

   bash
   nodemon

   这会启动 nodemon，它将监视配置中指定的文件，并在文件更改时重启 Gulp。

使用 gulp-watch

如果不想引入 nodemon，可以直接在 Gulp 任务中使用 gulp-watch 来监视 Gulpfile.js 的更改，并重启任务。这里是一个基本的例子：

1. 安装 gulp-watch

   bash
   npm install --save-dev gulp-watch

2. 配置 Gulp 任务 在你的 Gulpfile.js 中设置一个任务，使用 gulp-watch 来监视自身的变化。例如：

   javascript
   const gulp = require('gulp');
   const watch = require('gulp-watch');
   
   gulp.task('watch-gulpfile', function() {
     watch('Gulpfile.js', gulp.series('default'));
   });
   
   gulp.task('default', function(done) {
     console.log('Gulp is running...');
     done();
   });

   这里，当 Gulpfile.js 文件更改时，watch-gulpfile 任务将触发 default 任务。

3. 运行 Gulp

   bash
   gulp watch-gulpfile

这两种方法都可以实现当Gulp配置文件更改时自动重启Gulp，具体使用哪种方法可以根据项目需求和团队偏好来决定。