NoteDeep
Gulp 是基于 Node.js 的

npm install -g gulp
//- 执行全局安装 gulp,这样在任何地方都可以进行 gulp 操作

成功了:
[gulp@3.9.1] link /Users/wlr/.nvm/versions/node/v6.11.2/bin/gulp@ -> /Users/wlr/.nvm/versions/node/v6.11.2/lib/node_modules/gulp/bin/gulp.js


npm install gulp-util gulp-uglify gulp-concat --save-dev
//- 安装gulp-util、gulp-uglify 和 gulp-concat插件
//- gulp-uglify:用于压缩js
//- gulp-concat:用于合并文件


gulp.task


gulp.task(name[, deps], fn)
//- 定义一个 task,声明它的名称, 任务依赖, 和任务内容.
name: 自定义的 task 名称,不能有空格哟,字符串类型的
deps: 一个数组,可选的哟;数组的内容是当前这个 task 依赖的其他 tasks,只有当其他 tasks 都执行完之后才会执行当前这一个 task;
fn: 当前这一个 task 需要执行的内容,一般这个 task 来自于 gulp.src().pipe(someplugin())


我们也可以指定只执行某一个 task:
gulp taskName

默认执行default task


gulp.src(globs[, options])

读取文件,返回一个 stream ,可以通过 pipe() 给其他插件使用;
globs: 需要读取文件的url,可以是一个字符串或字符串数组,还可以使用通配符 (*):
  • foo.js指明特定某个文件
  • *.js匹配当前目录下的所有js文件,不指名扩展名则匹配所有类型
  • */*.js匹配所有第一层子文件夹的js文件,第二层请用*/*/.js
  • **/*.js匹配所有文件夹层次下的js文件, 包括当前目录

gulp.src('./scripts/*.js').pipe(other options);
//- 读取跟 gulpfile.js 文件在同一个目录内的 scripts 目录内的所有以 .js 结尾的文件

gulp.src(['./scripts/foo.js', './scripts/bar.js']).pipe(other options);
//- 只读取 foo.js 和 bar.js 这两个文件

gulp.src('./scripts/*').pipe(other options);
//- scripts 目录内的所有文件

gulp.dest(path[, options])

用于指定文件输出的位置,第一个参数为目录路径;目标路径是以相对路径来进行计算的,而相对路径又是以文件为计算基础的;


在gulp draftJs源码时。
[00:58:59] Starting 'check-dependencies'...
[00:59:09] object-assign is outdated (3.0.0 does not satisfy ^4.1.0)
[00:59:09] through2 is outdated (0.6.5 does not satisfy ^2.0.1)





评论列表

    gulp.task
    gulp.src(globs[, options])
    gulp.dest(path[, options])