从零开始学习gulp

安装方法:npm install gulp --save-dev  安装到当前项目目录
安装完成之后我们可以从gulp几个重要的api入手学习。
1,task:方法用来定义任务

2,src:读取文件流,gulp读取的不是原始的文件流,而是一个虚拟文件对象流。

3,dest:写入文件流
写入规则如下:
//没有通配符出现的情况
gulp.src('script/avalon/avalon.js') 
.pipe(gulp.dest('dist')); //最后生成的文件路径为 dist/avalon.js
//有通配符开始出现的那部分路径为 **/underscore.js
gulp.src('script/**/underscore.js') //假设匹配到的文件为script/util/underscore.js
.pipe(gulp.dest('dist')); //则最后生成的文件路径为 dist/util/underscore.js gulp.src('script/*')
//有通配符出现的那部分路径为 *
//假设匹配到的文件为script/zepto.js
.pipe(gulp.dest('dist')); //则最后生成的文件路径为 dist/zepto.js
通过指定`gulp.src()`方法配置参数中的`base`属性,我们可以更灵活的来改变`gulp.dest()`生成的文件路径。 当我们没有在gulp.src()`方法中配置`base`属性时,`base`的默认值为通配符开始出现之前那部分路径,例如: gulp.src('app/src/**/*.css') 此时base的值为 app/src。

4,watch:用来监视文件的变化,当文件发生变化后,我们可以利用它来执行相应的任务

猜你喜欢

转载自yuyongkun4519.iteye.com/blog/2356863