Gulp入门的文档

Gulp自动化执行文件的操作

1. 首先gulp基于node开发的，先按照node.js，使用npm
2. sudo npm install -g gulp （在全局的范围安装 gulp）
3. gulp --help 返回一些帮助的信息
4. mkdir nihao  创建一个文件夹
5. npm需要一个packge文件作为依赖文件
6. npm init 初始化创建一个packge（里面有很多配置文件）
7. ls 展开文件的目录
8. 安装需要的gulp模块 npm install gulp --save-dev （--save-dev把模块保存到项目）

     基本骨架    

 

创建一个gulp的任务  

1.创建一个对应的gulpfile.js

2.创建一个gulp对象进行操作 var gulp = require('gulp');

3.添加一个任务 使用gulp的方法 gulp.task('hello',function(){执行任务}) 方法的名字叫hello

 

gulp主要的二个功能：读取一下处理的文件，复制到指定的文件路径

1.gulp.src() 找出想要处理的文件

2.gulp.pipe() 指定功能处理文件

3.pipe(gulp.dest()) 把处理好的文件放到指定的地方

 

 

gulp复制图片注意点：*指全部的

 1. gulp.src('images/*.jpg') images下面的全部的jpg

2. gulp.src('images/*.{jpg,png}') images下面的全部的jpg和png注意不要空格

 

gulp传递数据文件到指定的文件

gulp.src(['xml/*.xml','json/*.json']).pipe(gulp.dest('dist/data'));

 

 

gulp多任务执行（先执行'copy-index','images','datatwo'，在执行函数体内容）

gulp.task('build',['copy-index','images','datatwo'],function(){

       console.log('编译成功');

});

 

 

监听文件变化，统一修改