gulp常用操作大全

1.gulp的基本介绍

Gulp.js是一个自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js是基于Node.js构建的，利用Node.js流的威力，你可以快速构建项目并减少频繁的IO操作。Gulp.js源文件和你用来定义任务的Gulp文件都是通过JavaScript源码来实现的

2.gulp的安装

1. gulp使用基于node环境，安装使用gulp前需要安装node（node的安装和使用详见day33的内容）
2. npm(cnpm) i gulp-cli -g 命令全局安装gulp-cli，gulp的命令行工具
3. 新建一个项目文件夹并进入，npm init 命令初始化当前项目文件夹包管理文件，系统会自动生成package.json文件
4. npm(cnpm) i gulp@3 --save-dev(-D) 命令当前项目文件夹下安装gulp
5. 项目文件夹根目录下创建gulpfile.js文件
6. 根目录下起命令 gulp 跑起默认task

3.gulp的常用方法

gulp.task

定义一个使用 Orchestrator 实现的任务（task）

gulp.src

输出（Emits）符合所提供的匹配模式（glob）或者匹配模式的数组（array of globs）的文件。 将返回一个 Vinyl files 的 stream 它可以被 piped 到别的插件中

gulp.dest

能被 pipe 进来，并且将会写文件。并且重新输出（emits）所有数据，因此你可以将它 pipe 到多个文件夹。如果某文件夹不存在，将会自动创建它

gulp.watch

监听文件或者文件夹的变化，并执行任务