Node：第三方模块Gulp，Gulp的作用是什么？如何使用？Gulp中提供的方法

Gulp是基于node平台开发的前端构建工具。
将机械化操作编写成任务，想要执行机械化操作时执行一个命令行命令任务就能能自动执行了，提高开发效率。

Gulp能做什么？

1. 项目上线，HTML CSS JS文件压缩合并
2. 语法转换(ES6 Less)
3. 公共文件抽离(如果公共文件有变化，只需要修改抽取出来的文件即可)
4. 修改文件后浏览器自动刷新

Gulp的使用方法：
5. 使用 npm install gulp 下载gulp库文件(库文件本地安装即可)
6. 在项目根目录下建立gulpfile.js文件(gulp硬性要求的)
7. 重构项目的文件夹结构，src目录放置源代码文件，dist目录放置构建后的文件
8. 在gulpfile.js文件中编写任务
9. 在命令行工具中执行gulp任务

文件都创建好后，就可以在gulpfile.js文件中编写任务了，如何编写呢？在Gulp中提供了五个API方法，目前先记录四个：

1. gulp.src()：获取任务要处理的文件
2. gulp.dest()：输出文件(输出处理好的文件)
3. gulp.task()：建立gulp任务
4. gulp.watch()：监控文件的变化

gulp第三方模块除了提供了库文件以外，还提供了一个同名的命令行工具，可以使用它提供的命令来执行创建的某个任务。
下载这个这个命令行工具方法：npm install gulp-cli -g 即可。
安装好后在命令行工具中会多出一个命令：gulp
然后在命令行工具中输入：gulp 任务名称 即可。

// 引入第三方gulp模块
const gulp = require('gulp');

// 使用gulp.task()方法建立任务
// 有两个参数，第一个参数是当前要建立的任务名字，可以自己取
// 第二个参数是回调函数
gulp.task('first',() => {
    console.log('第一个gulp任务输出了');
// 将src目录下的css目录中的todolist.css文件复制到dist目录中的css目录下
// 先使用gulp.src()获取任务要处理的文件
    gulp.src('./src/css/todolist.css')
// 再用gulp.dest()输出文件到dist中，此时必须要用.pipe，硬性要求
    .pipe(gulp.dest('dist/css'));
})

执行结果如下：
如果dist没有css目录，gulp会自动创建，并把处理后的css文件放进去，以下代码证明操作成功了