gulpJS 可将重复性工作自动化处理，例如编译 TypeScript、转换 Less、Sass 或 SCSS 文件等。它以任务驱动为核心机制，功能不仅限于此。通过灵活配置任务流程，用户可根据实际需求定制各种自动化操作，提升开发效率，具体应用方式取决于个人的使用场景与创意发挥。
1、 gulp.js通常以项目根目录为基础运行，需先创建一个npm项目。在工作目录中新建名为gulpTest的文件夹，进入该目录后执行相应命令即可。
2、 执行命令时需输入内容，可键入 gulp-test 并连续按回车确认。操作完成后，系统将生成一个 package.json 文件。
3、 接下来，为项目安装gulp.js及其相关工具，仍在终端中运行相应命令。
4、 将工具作为开发依赖安装至项目目录中。
5、 过段时间安装完成，我们将继续添加其他工具。
6、 最终，这些工具的包文件将被安装至项目目录下的node_modules文件夹中。
7、 与其它工具类似，gulp.js 也有专属的配置文件，名为 gulpfile.js。
8、 导入工具模块
9、 在配置任务前，应先明确自身具体需求。
10、 将src目录中的main.less文件编译为CSS，重命名后输出至style/css目录中。
11、 明确需求后，制定任务处理方案。
12、 });
13、 需先创建src/main.less文件，再进行后续操作。
14、 执行任务
15、 通常在终端运行gulp任务，部分编辑器支持直接点击任务名称执行，无需手动输入命令，提升了操作便捷性。
16、 执行任务的常规命令格式是：gulp。
17、 执行 gulp less 命令进行编译处理
18、 若无错误，系统将成功生成所需的CSS文件。
19、 Gulpjs通常在项目目录中运行，需包含gulpfile.js文件，主要用于项目内任务处理，无法独立处理非项目相关文件。
20、 实现gulp任务自动化需借助gulp.watch() API，通常采用两种方式：监听文件变化并执行相应任务。
21、 首种方法
22、 自动监控并处理问题
23、 如此设置后，less任务执行一次便会自动进入监控状态并持续运行。
24、 二、
25、 将监控任务添加到gulp任务里。
26、 });
27、 只有当watcher任务执行后，才会启动监视并自动运行less任务。
