什么是gulp
gulp就是将重复工作抽象成任务
使用npm安装gulp
1.全局安装
npm install --global gulp
2.进入项目目录,在目录中使用npm init完成初始化,会在目录中生成一个package.json文件
3.作为项目中的开发依赖安装
npm install --save-dev gulp
PS:如果速度慢可以使用淘宝的镜像源
http://npm.taobao.org
4.在项目根目录下创建一个名为gulpfile.js的文件
var gulp = require('gulp');
gulp.task('default',function(){// 将你的默认的任务代码放在这});
5.运行gulp
在控制台 gulp default //这个defult是绑定的事件名称
gulp基本使用
- 定义一个任务
- 复制单个文件
- 复制多个文件
- [globs匹配语法](https://github.com/isaacs/node-glob)
+ src/\*
+ src/\*/\*
+ src/\*\*/\*
+ src/\*.jpg
+ src/\*.{jpg,png}
+ 多个globs
* ['src/\*.{jpg,png}','a/a.html']
- 排除某些文件
+ !xxxxx
- 默认任务
+ gulp 中的任务名有个特殊值 default
- 文件监视自动执行任务
- 复制单个文件
- 复制多个文件
- [globs匹配语法](https://github.com/isaacs/node-glob)
+ src/\*
+ src/\*/\*
+ src/\*\*/\*
+ src/\*.jpg
+ src/\*.{jpg,png}
+ 多个globs
* ['src/\*.{jpg,png}','a/a.html']
- 排除某些文件
+ !xxxxx
- 默认任务
+ gulp 中的任务名有个特殊值 default
- 文件监视自动执行任务
npm插件
- [编译 Less:gulp-less](https://www.npmjs.com/package/gulp-less)
- [创建本地服务器:gulp-connect](https://www.npmjs.com/package/gulp-connect)
- [合并文件:gulp-concat](https://www.npmjs.com/package/gulp-concat)
- [最小化 js 文件:gulp-uglify](https://www.npmjs.com/package/gulp-uglify)
- [重命名文件:gulp-rename](https://www.npmjs.com/package/gulp-rename)
- [最小化 css 文件:gulp-minify-css](https://www.npmjs.com/package/gulp-minify-css)
- [压缩html文件 gulp-minify-html](https://www.npmjs.com/package/gulp-minify-html)
- [最小化图像:gulp-imagemin](https://www.npmjs.com/package/gulp-imagemin)
- [创建本地服务器:gulp-connect](https://www.npmjs.com/package/gulp-connect)
- [合并文件:gulp-concat](https://www.npmjs.com/package/gulp-concat)
- [最小化 js 文件:gulp-uglify](https://www.npmjs.com/package/gulp-uglify)
- [重命名文件:gulp-rename](https://www.npmjs.com/package/gulp-rename)
- [最小化 css 文件:gulp-minify-css](https://www.npmjs.com/package/gulp-minify-css)
- [压缩html文件 gulp-minify-html](https://www.npmjs.com/package/gulp-minify-html)
- [最小化图像:gulp-imagemin](https://www.npmjs.com/package/gulp-imagemin)