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

    gulp gulp.src gulp.dest gulp.task gulp.watch gulp.pipe() ...

  • gulp自动化项目构建

    var gulp = require('gulp');//引用gulp var $ = require('gulp...

  • gulp压缩合并文件

    gulp压缩合并文件流程 //引入gulp和gulp插件var gulp = require('gulp');va...

  • Gulp 使用方法(教程一)

    Gulp 官网 目录 Gulp 环境 Gulp 环境 初始化目录结构 安装 gulp gulp 的简单使用 使用 ...

  • gulp讲解

    一、gulp的四个主要的API gulp.src、gulp.pipe、gulp.dest、gulp.watch 二...

  • JS: gulp.js

    var gulp = require('gulp'), minify = require('gulp-minify...

  • gulp的简单使用

    gulp使用流程:安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gu...

  • gupl 的基本压缩

    // 获取 gulp var gulp = require('gulp'); // 获取 uglify 模块(用于...

  • gulp+webpack+experss

    var gulp = require('gulp'); var gls = require('gulp-live-...

  • gulp与webpack的区别

    gulp webpack 相同功能: 功能 gulp webpack gulp.task('sass'...

网友评论

      本文标题:gulp

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