首页 > 代码库 > gulp基本语法
gulp基本语法
pipe:用管道输送
1.gulp.src(glops[, options])
输出(Emits)符合所提供的匹配模式(glob)或者匹配模式的数组(array of globs)的文件。 将返回一个 Vinyl files 的 stream 它可以被 piped 到别的插件中。
1 gulp.src(‘client/js/**/*.js‘) // 匹配 ‘client/js/somedir/somefile.js‘ 并且将 `base` 解析为 `client/js/`2 .pipe(minify())3 .pipe(gulp.dest(‘build‘)); // 写入 ‘build/somedir/somefile.js‘4 5 gulp.src(‘client/js/**/*.js‘, { base: ‘client‘ })6 .pipe(minify())7 .pipe(gulp.dest(‘build‘)); // 写入 ‘build/js/somedir/somefile.js‘
2.gulp.dest(path[, options])
能被 pipe 进来,并且将会写文件。并且重新输出(emits)所有数据,因此你可以将它 pipe 到多个文件夹。如果某文件夹不存在,将会自动创建它。
1 gulp.src(‘./client/templates/*.jade‘)2 .pipe(jade())3 .pipe(gulp.dest(‘./build/templates‘))4 .pipe(minify())5 .pipe(gulp.dest(‘./build/minified_templates‘));
3.gulp.task(name[, deps], fn)
定义一个使用 Orchestrator 实现的任务(task)。
1 var gulp = require(‘gulp‘); 2 3 // 返回一个 callback,因此系统可以知道它什么时候完成 4 gulp.task(‘one‘, function(cb) { 5 // 做一些事 -- 异步的或者其他的 6 cb(err); // 如果 err 不是 null 或 undefined,则会停止执行,且注意,这样代表执行失败了 7 }); 8 9 // 定义一个所依赖的 task 必须在这个 task 执行之前完成10 gulp.task(‘two‘, [‘one‘], function() {11 // ‘one‘ 完成后12 });13 14 gulp.task(‘default‘, [‘one‘, ‘two‘]);
gulp.watch(glob[, opts, cb])
监视文件,并且可以在文件发生改动时候做一些事情。它总会返回一个 EventEmitter 来发射(emit) change 事件。
1 //每次变动需要执行的 callback2 gulp.watch(‘js/**/*.js‘, function(event) {3 console.log(‘File ‘ + event.path + ‘ was ‘ + event.type + ‘, running tasks...‘);4 });
gulp基本语法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。