gulp

2017-07-12  本文已影响0人  二狗的小仙女

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

上一篇下一篇

猜你喜欢

热点阅读