1、什么是Gulp
gulp.js是一种基于流的,代码优于配置的新一代构建工具。
Gulp和Grunt类似。但相比于Grunt的频繁的IO操作,Gulp的流操作,能更快地完成构建。
2.Gulp特性
使用方便
通过代码优于配置的策略,Gulp可以让简单的任务简单,复杂的任务更可管理。
构建快速
通过流式操作,减少频繁的IO操作,更快地构建项目。
插件高质
Gulp有严格的插件指导策略,确保插件能简单高质的工作。
易于学习
少量的API,掌握Gulp可以毫不费力。构建就像流管道一样,轻松加愉快。
3.Gulp安装
npm install -g gulp
npm install —-save-dev gulp
4.Gulp使用
安装 gulp-jshint
npm install gulp-jshint --save-dev
本地安装gulp及任务所需要的插件
cnpm install --save-dev gulp
cnpm install --save-dev gulp-less
cnpm install --save-dev gulp-watch
cnpm install --save-dev require-dir
5.创建 gulpfile.js
gulp项目页有一个Sample gulpfile。如果不会写的话,直接参考一下就OK了。
var gulp = require('gulp');
var jshint = require('gulp-jshint');
var paths = {
scripts: 'js/**/*.js',
};
gulp.task('lint', function() {
return gulp.src(paths.scripts)
.pipe(jshint())
.pipe(jshint.reporter('default'));
});
然后执行命令行
(gulp lint)
6、Gulp总结
Gulp相比于Grunt有很多优点,比较直观的:就是学习曲线比较平滑。比Grunt速度更快、配置更少。
网友评论