从gulp watch的.on()事件运行任务

从gulp watch的.on()事件运行任务是指在使用gulp构建工具时，通过监听文件的变化来自动执行相应的任务。.on()方法是gulp.watch()方法的一个事件处理器，用于监听指定文件的变化，并在文件发生变化时执行相应的任务。

具体来说，.on()方法接受两个参数：文件变化的事件类型和要执行的任务。常见的事件类型包括'add'（文件新增）、'change'（文件修改）和'delete'（文件删除）。

当监听到指定文件发生对应事件类型的变化时，.on()方法会触发相应的回调函数，我们可以在回调函数中编写任务的具体逻辑。例如，当监听到文件修改事件时，可以执行压缩、合并等前端开发任务。

以下是一个示例代码：

const gulp = require('gulp');
const uglify = require('gulp-uglify');

gulp.task('scripts', function() {
  return gulp.src('src/js/*.js')
    .pipe(uglify())
    .pipe(gulp.dest('dist/js'));
});

gulp.task('watch', function() {
  gulp.watch('src/js/*.js').on('change', gulp.series('scripts'));
});

在上述代码中，我们定义了一个名为'scripts'的任务，用于压缩JavaScript文件。然后，我们通过gulp.watch()方法监听'src/js/*.js'目录下的文件变化，并在文件修改事件发生时，执行'scripts'任务。

推荐的腾讯云相关产品和产品介绍链接地址：

• 云函数（Serverless）：https://cloud.tencent.com/product/scf
• 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke

请注意，以上链接仅供参考，具体选择产品需根据实际需求进行评估。