前后端分开部署时，需要单独为前端启动一个服务，如果使用gulp-connect的话，那么代理需要额外的插件来配置。首先说下为什么需要代理，gulp-connect是静态web的server，如果需要向另外一个或几个服务器请求数据那么就需要代理。除非前后端一

gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。项目构建是指项目上线之前对项目源代

gulp-beautify这是一款使用js-beautify进行资产美化插件。更多使用文档请点击访问gulp-beautify工具官网。任何选项都将直接传递给js-beautify。

gulp-rev-delete-origina这是一款删除由gulp-rev或 gulp-rev-all重写的原始文件 。更多使用文档请点击访问gulp-rev-delete-origina工具官网。过滤器，RegExp或function允许您排除某些文件

gulp-rev-collector这是一款根据gulp-rev生成的manifest.json文件中的映射, 去替换文件名称, 也可以替换路径。更多使用文档请点击访问gulp-rev-collector工具官网。我们可以使用gulp-rev来缓存破坏多个

gulp-useref这是一款可以将HTML引用的多个CSS和JS合并起来，减小依赖的文件个数，从而减少浏览器发起的请求次数。gulp-useref根据注释将HTML中需要合并压缩的区块找出来，对区块内的所有文件进行合并。,如果需要做其他操作，可以配合gu

常用的 js 模块打包工具主要有 webpack、rollup 和 browserify 三个，Gulp 构建 ES6 开发环境通常需要借助这三者之一来合并打包 ES6 模块代码。gulp-better-rollup 可以将 rollup 更深入地集成到G

本文将用gulp-rev和gulp-rev-rewrite解决cdn缓存问题。以及列出的是本妹子最常用的gulp插件，小伙伴们可以参考。});gulp-rev-rewrite根据rev生成的manifest.json map映射文件, 去替换html文件中

其中用到的插件有：gulp-concat整合数量大的文件为一个文件，gulp-uglify丑化代码，不让别人轻易得到你的源码，gulp-uglify重新命名文件名称等等。实现运行cnpm i gulp-concat gulp-uglify gulp-

rjmp-cli 是最近学习着做的，一个小程序框架 cli 工具。框架结构以及模板语法与原生小程序几乎一模一样，更加贴近原生态，减少新生的学习成本，在提高开发效率的同时，极大地减少了未来版本升级问题，可以根据官方更新包括组件和 API 进行无缝升级。利用

wx-miniprogram-boilerplate基于Gulp构建的微信小程序开发工作流适用场景目前开发微信小程序时，可选的技术方案大概有四种，分别是：。微信小程序原生开发使用wepy框架使用mpvue框架使用taro框架三种开发方案，各有优劣。gulp

安装GulpGulp是依赖Node的，这里假设你已经安装好了Node，首先我们全局安装一下Gulp：。//- 局部安装 Gulp，并生成包依赖信息于 package.json 内的 devDependencies. npm install gulp --s

gulp.src()js/app.js：指定确切的文件名。js/*/.js：某个目录及其所有子目录中的所有后缀名为js的文件。!gulp.destgulp.dest()传入的路径参数，只能用来指定要生成的文件的目录，而不能指定生成文件的文件名，它生成文件的

npm install gulp-concat gulp-uglify gulp-rename --save-dev配置编码。gulp.task;页面引入js浏览测试 : index.html

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。。npm install -g gulp全局安装

更新到gulp 3.9版本后，我们现在可以在gulpfile里使用ES6了。Local version 3.9.0如果你的版本号低于3.9，在package.json文件里面更新你的gulp，然后运行下面的更新命令：。npm install gulp &a

$ cnpm install gulp-imagemin gulp-sass gulp-autoprefixer gulp-minify-css gulp-jshint gulp-uglify gulp-rename gulp-concat gulp-cl

前言继上次的前端构建工具gulp入门教程后，一直觉得还是不全，这次周末又在家里搞了搞，终于搞出来了一个实验性的东西FEG……概述FEG 是一个基于 gulp/gulp-plugins 的前端开发集成解决方案。FEG 定义了一系列任务，这些自动执行的任务可以

Gulp 4.0 发布在即，新首页已经上线，新版将会对任务系统做较大修改，（经过社区讨论——其实没什么讨论啦大家异口同声纷纷赞成。这是有多少不爽才会这样齐刷刷……）不再兼容 3.x 及之前版本的任务系统。是不是摩拳擦掌跃跃欲试了？b*.js', 'bad.

在微信小程序中，css是用wxss来表示，但写法基本一致。需要注意的是wxss扩展了两个特性，分别是：。尺寸单位 样式导入具体可参考wxss，此处不做过多赘述。为了方便打包sass，我们使用gulp来处理我们的scss文件，将其转换为wxss。在开发中，