Gulp学习笔记

• Gulp-API

  • gulp.src()
  • gulp.dest()
  • gulp.task()
  • gulp.watch()

  以上就是Gulp的APi，只有5个

gulp.src(glob,options)

• glob 这个参数是需要处理的源文件路径

• options 这是一个对象，有三个属性buffer、read、base

  • options.buffer(布尔值) 当设置为false的时候，将会以 stream 方式返回 file.contents 而不是文件 buffer 的形式。这在处理一些大文件的时候将会很有用。注意：插件可能并不会实现对 stream 的支持。

  • options.read(布尔值) 当设置为false的时候，不会读取文件

  • options.base （个人的理解）指保留base后面的路径

    gulp.src('client/js/**/*.js', { base: 'client' }).pipe(minify()).pipe(gulp.dest('build'));  // 写入 'build/js/somedir/somefile.js'

    在上例中，client后面的路径都被保留

gulp.dest(path,options)

• path指的是输出文件的路径，可以是一个函数
• options（对象）
  
  • options.cwd 指的是只在所给的输出目录是相对路径时候有效。
  • options.mode八进制权限字符，用以定义所有在输出目录中所创建的目录的权限。,默认值（0777）

gulp.task(name,[teps,fn])

该方法定义了一个任务

• name 该参数指的是这个任务的姓名
• teps teps参数指的是任务列表的数组，这些任务会在name这个任务之前完成
• fn 这个任务要做的一个函数，函数里面会结合Gulp.src、Gulp.dest…方法

gulp.watch(glob [, opts], tasks)

该方法是用来监视本地文件的变化

• glob（string|Array），用来监控文件的路径
• opts 传给 gaze 的参数。
• tasks 在检测到文件变化的时候，执行gulp.task定义的任务，可以执行多个

gulp.watch(glob[, opts, cb])

• glob（string|Array），用来监控文件的路径
• opts 传给 gaze 的参数。
• cb 每次检测到文件变化的时候，执行一个回调函数，这个回调函数会被传入一个event(事件)
  
  • event.type 事件类型
    
    • added 追加的事件
    • changed 修改的事件
    • deleted 删除的事件
  • event.path 触发某个事件的路径