[如何在mac下使用gulp] 2. gulp模块的常用方法

Posted Mr.do

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[如何在mac下使用gulp] 2. gulp模块的常用方法相关的知识,希望对你有一定的参考价值。

常用的gulp模块方法有:

 

gulp.src()

gulp.src(‘client/one.js‘);  //指定明确的要处理文件
gulp.src(‘client/*.js‘);    //处理client目录下所有后缀为.js的文件
gulp.src(‘client/**/*.js‘); //处理client目录及其子目录所有为.js的文件
gulp.src(‘!client/main.js‘);//处理除了client/main.js以外的文件

gulp.src()方法用于产生数据流。要处理的文件路径将作为参数传入gulp.src([‘resourceUrl-1‘,‘resourceUrl-1‘]),这些指定的文件会转换成数据流


gulp.task()
用法一:指定具体的任务
gulp.task(‘myGulp‘,function(){
  console.log(‘hi ,myGulo‘)
});

用法二:同时执行一组任务
gulp.task(‘bulid‘,[‘js‘,‘css‘,‘html‘]) //每一个任务都是异步执行

用法三:执行有依赖关系的任务
gulp.task(‘detail.css‘,[‘base.css‘],function(){
  console.log(‘按照顺序执行一组任务,先执行base.css再执行detail.css‘)
})

gulp.task()方法用于定义具体的任务,第一个参数为任务名,第二个参数为该任务的处理函数

 

 

gulp.dest()

gulp.src(‘client/one.js‘)
  .pipe(gulp.dest(‘bulid/js‘)) = >新生成的文件路径build/one.js

gulp.dest()方法用于将gulp.src()产生的数据流写入文件。

 

 

gulp.wacth()

gulp.watch(‘client/one.js‘,[‘reBuild‘,‘reLoad‘]);

gulp.task(‘reBuild‘,function(){
  console.log(‘start rebuild‘)
})

gulp.task(‘reLoad‘,function(){
  console.log(‘start reLoad‘)
})

gulp.wacth()方法根据监听文件变化状态执行任务。一旦指定文件发生变动,就执行相应任务。

 

以上是关于[如何在mac下使用gulp] 2. gulp模块的常用方法的主要内容,如果未能解决你的问题,请参考以下文章

mac系统下,gulp怎么安装

mac

gulp的使用

Mac 执行 gulp 报错 -bash: gulp: command not found

NodeJS中安装第三方模块`Gulp`以及它的使用

如何使用 typescript / gulp / browserify 导入 npm 模块