Gulp:新一代前端构建利器
来源:互联网 发布:淘宝搜索算法现状 编辑:程序博客网 时间:2024/05/10 14:55
1、什么是Gulp
gulp.js 是一种基于流的,代码优于配置的新一代构建工具。
Gulp
和Grunt
类似。但相比于Grunt
的频繁的IO
操作,Gulp
的流操作,能更快地完成构建。
2、Gulp特性
- 使用方便
通过代码优于配置的策略,Gulp
可以让简单的任务简单,复杂的任务更可管理。
- 构建快速
通过流式操作,减少频繁的 IO
操作,更快地构建项目。
- 插件高质
Gulp
有严格的插件指导策略,确保插件能简单高质的工作。
- 易于学习
少量的API,掌握Gulp
可以毫不费力。构建就像流管道一样,轻松加愉快。
3、Gulp安装
Gulp
是基于 Node.js
的,故要首先安装 Node.js
npm install -g gulpnpm install —-save-dev gulp
4、Gulp使用
Gulp
的任务都是以插件的形式存在,本次示例以 gulp-jshint 为例,展示Gulp
的常规用法。
安装 gulp-jshint
npm install gulp-jshint --save-dev
创建 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
即可。
5、Gulp总结
Gulp
相比于 Grunt
有很多优点,比较直观的:就是学习曲线比较平滑。比Grunt速度更快、配置更少。
当然,Gulp
还有很多高级的特性,详见官方文档
Gulp插件列表
http://gulpjs.com/
0 0
- Gulp:新一代前端构建利器
- Gulp:新一代前端构建利器
- Gulp:新一代前端构建利器
- Gulp:新一代前端构建利器
- Gulp:新一代前端构建利器
- 前端构建工具--Gulp
- gulp前端构建工具
- 前端构建工具gulp
- Gulp前端构建工具
- 前端构建工具gulp
- 前端构建工具gulp
- gulp构建前端环境
- 前端构建工具gulp
- 前端构建工具gulp入门教程
- 前端构建工具gulp入门教程
- 前端构建工具gulp使用
- 前端构建工具gulp入门教程
- 前端构建工具gulp入门教程
- qt qtcreator vs2010
- Android DrawerLayout-侧滑菜单
- 数据结构与算法分析-数学知识复习
- JSP中page request session application 范围
- 黑马程序员——Java基础---继承
- Gulp:新一代前端构建利器
- 当程序到后台后,继续完成Long-Running Task 任务 (2013-04-09 21:27:24)
- 【人脸识别】Optical Flow算法在人脸防伪中的应用
- 关于Github
- 自定义View实现Android圆形进度条,支持自定义显示的样式
- 解决android开发中eclipse不能自动提示
- Java中的核心技术思想
- JAVASE学习笔记:第五章 JAVA面向对象(二)
- analysys android app code by apktool and dex2jar