码迷,mamicode.com
首页 > 其他好文 > 详细

Gulp:新一代前端构建利器(轉)

时间:2014-09-18 13:24:54      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   io   os   使用   ar   strong   for   

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/

Gulp:新一代前端构建利器(轉)

标签:style   http   color   io   os   使用   ar   strong   for   

原文地址:http://my.oschina.net/homeemail/blog/315479

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!