gulp

作者: 二狗的小仙女 | 来源:发表于2017-07-12 21:34 被阅读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速度更快、配置更少。

    相关文章

      网友评论

          本文标题:gulp

          本文链接:https://www.haomeiwen.com/subject/vhhihxtx.html