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文档入门的文档    Gulp文档入门的文档

创建一个gulp的任务

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

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

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

Gulp文档入门的文档

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

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

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

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

Gulp文档入门的文档

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

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

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

Gulp文档入门的文档

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

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

Gulp文档入门的文档

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

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

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

});

Gulp文档入门的文档

监听文件变化,统一修改

Gulp文档入门的文档

上一篇:Tcl


下一篇:微信jsSDK公众号开发时网页提示 invalid signature错误的解决方法