Learning Gulp
2016-04-04 11:15
197 查看
Gulp的安装
使用npm安装npm install -g gulp
这是全局安装,安装到项目则是在项目目录下使用
npm install --save-dev gulp
使用gulp -v查看版本确认安装成功
使用Gulp
新建gulpfile文件, 运行Gulp
还是用npm安装依赖的插件,Gulp的插件功能都好强大,哈哈哈比如要使用sass插件编译sass:
npm install gulp-sass --save-dev
然后在gulpfile.js中引入插件:
var gulp = require('gulp'), sass = require('gulp-sass');
然后就可以用了,用法和更多插件请移步Gulp中文网
在命令行中使用
gulp <task>
来运行。
Gulp的4个API:
1.gulp.src(globs[, options]),返回Vinyl files的stream,可以被pipe到别的插件中gulp.src('client/templates/*.jade')
2.gulp.dest(path[, options])
能被pipe进来,能写文件和重新输出所有数据
gulp.src('./client/templates/*.jade) .pipe(jade()) .pipe(gulp.dest('./build/templates'));
3.gulp.task(name[, deps],fn)
定义一个使用Orchestrator实现的任务(task)
gulp.task('jshint', function() { // do something });
4.gulp.watch(glob[,opts],tasks)
监视文件变动
gulp.task('watch', function () { gulp.watch('../ife/stage2/css/task26.scss', ['style']); });
相关文章推荐
- 机器学习实战之adaboost
- 构建之法阅读笔记04
- eclipseGUI的可视化开发工具插件
- HDOJ-1536 S-Nim
- 1010. 一元多项式求导 (25)——做题纪录
- 【poj2728】Desert King
- 关于 iOS的 App 项目开发的流程
- 用TP对Oracle数据库过程问题
- 《MySQL必知必会》读书笔记
- 【Qt】QDebug
- POJ3050-Hopscotch
- 求字符串中的最长回文子串
- 第五周的学习进度条
- D3绘制水平柱状图
- javascript如何实现360度全景照片问题汇总
- [0.4]面向表达式编程之美
- hdu4585 shaolin【 Treap模板题】
- poj2528 Mayor's Posters
- 左右最值最大差
- Codeforces Round #331 (Div. 2) .D - Wilbur and Trees, 枚举情况的DFS