save-devgulp//在项目中安装依赖项目依赖"devDependencies":{"gulp":"^3.9.1","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-connect

我出现的问题是，用gulp打包，gulp-connect开启的端口服务，一开始没有favcion.ico，所以一直报没有favicon找不到的错误，后面就把ico放到根目录上了，就不报错了，但是网站小图标并没有显示

需求背景前后端分开部署时，需要单独为前端启动一个服务，如果使用gulp-connect的话，那么代理需要额外的插件来配置。

对应package.json里面的devDependencies；比如gulp或者browserify等打包及转化插件--save安装到生产环境，对应package.json里面的，比如vue等包安装gulp-connect

全局安装gulpcpnminstallgulp-g然后本地在安装一个gulp添加到配置文件cnpminstallgulp--save然后就是配置一些gulp的插件constconnect=require('gulp-connect

前情提要我们使用gulp构建了一个基本的angular应用框架，并且通过了gulp-connect可是快速的进行部署开发的环境。

在当前项目安装gulp-connectnpmigulp-gnpmigulp-connect-Dgulpfile.jsconstgulp=require('gulp');constconnect=require('gulp-connect

大家共同进步哈哈首先命令cd项目名称切换到项目所在位置1.全局安装gulp:npminstall--globalgulp2.在项目目录里作为开发依赖安装：npminstall--save-devgulp3.安装gulp-connect

前端开发为啥需要个webserver?嗯？是啊，前端页面要是只有htmlcssjs，直接浏览器打开就好啊！事实确实如此，可是当我去用Ajax取本地的json文件（或txt或远程接口等等）的时候就尴尬了，谷歌浏览器会提示你：哥们儿你跨域了！！！如下图：$.get('json/movies.json',{},function(data){console.log(data);})Paste_Image.

gulp-uglify:压缩js文件gulp-rename:文件重命名gulp-less:编译lessgulp-sass：编译sassgulp-clean-css:压缩cssgulp-htmlmin：压缩html文件gulp-connect

css/js）gulp-uglify：压缩js文件gulp-rename：文件重命名gulp-less：编译lessgulp-clean-css：压缩cssgulp-livereload：实时自动编译刷新gulp-connect

最近闲着没事，就上github溜达，看到了JSONServer这个项目。项目主要是给前端人员做个JSON的数据模拟服务器，也就是说你可以用最简单的方式搭建一个基于RESTAPI的JSON服务器，一条命令搞定。这个项目很棒，前面的项目确实也没有用到数据模拟这个东西，都是上传到服务器，然后ajax请求。这个过程很痛苦的，有修改然后上传。遇到什么问题呢？1、后台重启，页面全部要上传，这个过程看网络情况，

项目相关依赖cnpmi-Dgulp-connect项目结构gulp├──src│├──components││├──Test││|└──index.jsx││├──Child││|├──index.css││|└──index.jsx││├──Count││|├──index.css││|└──index.jsx│└──App.jsx├──node_modules├──index.js├──gul

今天给大家推荐的，就是这样一个插件：gulp-connect，它不仅能够自动启动一个web服务器，还能实现上述的热加载的功能安装前提是你已经安装好nodejs，gulp，npm，并对他们的使用有基本的了解

项目相关依赖cnpmi-Dgulp-connect项目结构gulp├──src│├──components││├──Test││|└──index.jsx││├──Child││|├──index.css││|└──index.jsx││├──Count││|├──index.css││|└──index.jsx│└──App.jsx├──node_modules├──index.js├──gul

react相关：npminstallreact–savegulp相关：gulp、gulp-connect、gulp-browserify、gulp-concat首先我在main.j

，对应package.json里面的devDependencies；比如gulp或者browserify等打包及转化插件–save安装到生产环境，对应package.json里面的，比如vue等包安装gulp-connect

1.全局安装gulp2.工程安装gulp-connect（npminstall--save-devgulp-connect）3.启动服务gulp备注：在启动服务之前，需要在根目录配置gulpfile.js

通常我们可以借助gulp-connect插件：创建gulp项目：1）新建一个项目文件夹2）npminit初始化项目文件夹3）新建gulpfile.js、index.html文件4）安装项目依赖gulpgulp-connectcn

gulp-connectnpminstallgulpgulp-connect二、配置gulpfile.js文件//使用connect启动一个Web服务器constgulp=require('gulp');constconnect=require('gulp-connect

less，sass）：gulp-less，gulp-sass监听文件变化：gulp.watch(glob[,opts],tasks)或gulp.watch(glob[,opts,cb])；自动刷新浏览器：gulp-connect

gulpnpminstallgulp-s3.项目根目录新建gulpfile.jsjs内代码：//载入gulp核心包constgulp=require('gulp');//引入http服务器constconnect=require('gulp-connect

在进行前端项目的开发中,如果要进行跨域访问,而不想在本地配置nginx时,可以使用gulp的gulp-connect和gulp-connect-proxy两个插件,完成本地的跨域访问:varProxy=

全局安装gulp$yarnglobaladdgulp或$npminstall--globalgulp初始化项目（或在已有项目中初始化，生产package.json文件）注：“entrypoint”文件入口为gulpfile.js引入gulp依赖$yarnaddgulp或$npminstall--save-devgulp新建gulpfile.js文件（与package.json同级）vargulp=

进入控制台，进入对应的项目地址安装gulp-connect插件npminstallgulp-connect//这个插件是gulp模拟静态服务器的插件编写gulpfile.js文件重点来了，想让你的工作更轻松更自动

使用gulp构建工具的如果你使用了gulp构建工具，你需要引入varconnect=require('gulp-connect');varproxy=require('http-proxy-middleware

gulp-connect插件可以实现web服务器功能安装gulp-conn

Livereload可以理解为即时刷新，在前端开发中，开发者在编写或调试html/js/css代码后需要从编辑器切换到浏览器，再刷新浏览器才能看到页面变化，这种频繁的操作在一定程度上影响了工作效率，而liveReload可以帮助我们解决了这个问题。实现原理：通过在本地开启一个websocket服务，检测文件变化，当文件修改后触发livereload任务，推送消息给浏览器刷新页面。第一步：全局安装g

本文主要介绍，使用gulp和gulp-connect构建一个简单webserver首先使用npninit命令生成一个package.jsonnpminit然后使用npminstall命令安装gulp和gulp-co

解释：给gulp-connect增加一个中间件，配置下选项即可。

vargulp=require('gulp'),$=require('gulp-load-plugins')(),connect=require('gulp-connect'),postcss=require

1.全局安装Gulp安装gulp之前需要先安装好Node.js，如果你还没安装好Node你可以在这里下载安装完Node.jsWindow+R填入cmd安装Gulpnpminstallgulp-g2.创建Gulp项目首先我们需要新建一个文件夹，然后并在该目录下执行npminit命令（一路回车就好）npminit命令会为你创建一个package.json文件，这个文件保存着这个项目相关信息。比如你用到

vargulp=require('gulp');varless=require('gulp-less'),connect=require('gulp-connect');gulp.task('gulp-less

废话不多说，直接上代码//引入插件vargulp=require('gulp');//varProxy=require('gulp-connect-proxy');varconnect=require('gulp-connect

gulpnpminstallgulp-s3.项目根目录新建gulpfile.jsjs内代码：//载入gulp核心包constgulp=require('gulp');//引入http服务器constconnect=require('gulp-connect

1-gulp目录说明：glupdev开发环境vargulp=require('gulp');varbabel=require("gulp-babel");varconnect=require('gulp-connect

devDependencies":{"gulp":"^3.9.1","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-connect":"^5.0.0

今天给大家推荐的，就是这样一个插件：gulp-connect，它不仅能够自动启动一个web服务器，还能实现上述的热加载的功能安装前提是你已经安装好nodejs，gulp，npm，并对他们的使用有基本的了解

varplugins={ fs:require("fs"), gulp:require("gulp"), uglify:require("gulp-uglify"), connect:require('gulp-connect

');vargulpLoadPlugins=require("gulp-load-plugins");varplugins=gulpLoadPlugins();varconnect=require('gulp-connect