gulp

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 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速度更快、配置更少。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    依依玖玥阅读 8,398评论 7 55
  • 对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用...
    懵逼js阅读 4,717评论 0 8
  • 编辑于2015年 转载自某作者的译文 作者要是看到请联系我注明出处 对网站资源进行优化,并使用不同浏览器测试并不是...
    krock01阅读 3,207评论 0 2
  • 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: npm install...
    F_imok阅读 6,951评论 1 11
  • 1.背景介绍 gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而...
    cczhuc阅读 4,449评论 0 0