关键词：
gulp相关插件：
1、del 删除文件，用于清空文件
2、browser-sync 用于自动刷新浏览器
3、gulp-htmlmin 用于压缩html
4、gulp-clean-css 压缩css
5、gulp-uglify 压缩js
6、gulp-replace 替换路径
7、gulp-base64 将小图背景图转换为base64的形式，可以自己设置最大多少尺寸转为base64
8、gulp-imagemin 压缩图片大小
9、gulp-eslint 检查Js语法错误
10、gulp-sass
11、gulp-ng-constant
12、gulp-rename
13、gulp-util
14、gulp-changed
15、gulp-plumber
16、gulp-rev
17、gulp-if
18、gulp-plumber
19、gulp-inject
20、run-sequence
21、gulp-natural-sort
yargs: 严格的说，yargs不是专门用于gulp的，它是Node中处理命令行参数的通用解决方案，只要一句代码var args = require(‘yargs‘).argv;
就可以让命令行的参数都放在变量args上，非常方便。它处理的参数类型也是多种多样的：
单字符的简单传参，如传入-m=5 或 -m 5, 则可以得到args.m=5;
多字符传参（必须使用双连字符），如传入--test=5 或 --test 5, 则可以得到args.test =5。
不带值的参数，如传入--mock, 则会被认为是布尔类型的参数，可得到args.mock=true。
除此之外，还支持很多其他类型的传参方式，具体参考文档https://www.npmjs.com/package/yargs
gulp-angular-templatecache
gulp-angular-filesort
main-bower-files
event-strean
proxy-middleware
如何选择javascript构建工具之babelbrowserifywebpackgrunt以及gulp(代码片段)
...JavaScript项目时，我们需要考虑的第一件事就是搭建一个前端编译环境。但是在面对众多的JavaScript构建工具时，我们却无所适从，不知道究竟哪一个才是最适合我们的。想象一下，如果有一个很简单的判断标准，让你知道如何针... 查看详情
学写网站前端配置之glup(代码片段)
前端使用gulp来自动化开发流程。gulp会非常方便进行前端管理。安装gulp：npminstallgulp-g#将gulp安装至全局因为在本地需要使用require的方式gulp。因此也需要在本地安装一份：npminstallgulp--save-dev #将gulp安装至本地，并保存至package.... 查看详情
前端笔试题之什么是gulp
...看了一下别人的理解，这样说道：Gulp是基于node.js的一个前端自动化构建工具，开发这可以使用它构建自动化工作流程（前端集成开发环境）。 使用gulp你可以简化工作量，让你把重点放在功能的开发上，从而提高你的开发效... 查看详情
gulp构建前端自动化工作流之：常用插件介绍及使用
在对Gulp有了一个初步的了解之后，我们开始构建一个较为完整的Gulp开发环境。本文主要分为6个段落：1.构建项目目录结构（DirectoryStructureBuild）2.插件介绍及使用方法（Tasksanddependencies）3.扩展优化（Extend&OptimizeTask）4.其他插... 查看详情
gulp(自动化构建工具)(代码片段)
前言Gulp，简而言之，就是前端自动化开发工具，利用它，我们可以提高开发效率。比如： 1、 压缩js 2、 压缩css 3、 压缩less 4、 压缩图片 等等…我们完全可以利用Gulp来自动化地完成这些重... 查看详情
gulp的使用流程(代码片段)
GULP的使用流程Gulp是基于node.js的一个前端自动化构建工具，开发这可以使用它构建自动化工作流程（前端集成开发环境）。使用gulp你可以简化工作量，让你把重点放在功能的开发上，从而提高你的开发效率和工作质量。一、建... 查看详情
gulp自动化构建工具的使用(代码片段)
gulp自动化构建工具： 把前端开发常见的处理（“搬砖”）程序，通过一个工具模块管理起来，只需配置一次，达到自动处理目的，简化开发，提高效率!！ 安装： 1.全局安装(全局安装一个gulp命令) A.下载安装... 查看详情
用gulp构建你的前端项目
前言前端技术发展日新月异，随着模块化、组件化的提出，前端变得越来越复杂，静态资源越来越多，那么对静态资源的处理，如压缩，合并，去掉调试信息..如果还是人工去处理，效率非常之低且还容易出错，于是自动化的处... 查看详情
node.js使用教程-2.gulp打包构建入门与使用(代码片段)
前言gulp是一个前端项目开发的自动化打包构建工具,类似的打包工具还有webpack。前端开发的过程中，会写到js文件，css文件，我们的项目如果想上线，那么一定要体积小一点，就需要对原始的代码进行编译压缩... 查看详情
gulp自动化构建的基本使用(代码片段)
StudyNotes本博主会持续更新各种前端的技术，如果各位道友喜欢，可以关注、收藏、点赞下本博主的文章。Gulp用自动化构建工具增强你的工作流程！gulp将开发流程中让人痛苦或耗时的任务自动化，从而减少你所浪费的时间、创造... 查看详情
gulp常用插件之gulp-useref使用(代码片段)
...解释npminstall--save-devgulp-useref使用以下示例将解析HTML中的构建块，将其替换并传递这些文件。构建块内的资产也将被串联并通过流传递。vargulp=require('gulp'),useref=require('gulp-useref');gulp.task('default',function()returngulp.sr... 查看详情
前端构建大法gulp系列
参考：前端构建大法Gulp系列(一)：为什么需要前端构建前端构建大法Gulp系列(二)：为什么选择gulp前端构建大法Gulp系列(三)：gulp的4个API让你成为gulp专家前端构建大法Gulp系列(四)：gulp实战 查看详情
gulp的使用之gulpfile.js文件的配置
Gulpfile.js是什么文件:gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编... 查看详情
gulp(代码片段)
Gulp:Thestreamingbuildsystemgulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，不仅可以很愉快的编... 查看详情
前端自动化之gulp
前题：1.安装好nodejs环境，或者nvm 2.安装npm包管理工具简介： 可以自动的将开发阶段的代码进行压缩、合并、编译、加密等处理，生成项目提交的代码。使用：gulpfile.js文件编写的api较少，只有5个，可查看api自行编写... 查看详情
gulp基本用法(代码片段)
...址：http://www.ybao.org/book/gulp/828.html一、简介1.gulp.js是一个前端构建工具，与gruntjs类似。gulp使用node中的stream来读取和操作数据，其速度更快。eg:每次修改代码都要做的编译ES6、sass、压缩html这些重复性工作。gulp脚本就是为了减少... 查看详情
前端构建的初步尝试(代码片段)
...家不必去深入研究这个东西.最基本的是有个概念.什么是前端构建?在平时我们浏览一些大型的站点,会发现其中的一些css经过压缩(去掉了空白符,注释),js经过了混淆和压缩.一些引用的文件的链接会加上奇怪的字串(文件md5),例如:<... 查看详情
gulp简单安装和入门(适用刚接触gulp的同学)(代码片段)
一、gulp 1、gulp主要用来在前端开发过程中对代码进行自动化构建的工具，能大大提高前端开发效率。 2、主要对js/sass/less/html/image/css等静态资源文件进行合并、压缩、格式化、浏览器自动刷新、部署文件生成、转换等操... 查看详情