在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):ian000/gulp-turbo开源软件地址(OpenSource Url):https://github.com/ian000/gulp-turbo开源编程语言(OpenSource Language):CoffeeScript 60.3%开源软件介绍(OpenSource Introduction):gulp-Turbo
前端工作流 功能说明
安装(依赖node.js,npm) #全局gulp包
npm i gulp -g
#本地gulp包
npm i gulp --save
#安装gulp-turbo
npm i gulp-turbo --save
创建项目
1. 初始化npm项目、安装依赖
2. 创建gulpfile.js var gulp = require('gulp')
, turbo = require('gulp-turbo')
; 3.配置项目(创建project-conf.json)
4.运行
#创建文件夹
gulp init
#启动服务
gulp
运行example git clone [email protected]:ian000/gulp-turbo.git
cd gulp-turbo
npm i
cd example
npm i
gulp (注意:mac监听1024以下端口通常需要 sudo gulp)
快速构建前端项目目录gulp init
提供易于开发、调试的开发联调环境(支持预编译语言jade,stylus,coffee)运行默认环境 dev gulp
提供基于requirejs的实时打包服务。运行编译环境 dist, 用于上线 gulp dist
提供http server, 支持mock接口数据功能。
提供80端口代理、转发功能 在package.json文件中设置转发规则。
e.g :
"serverProxies":[
{
"source": "/tech-bs/abc",
"target": "http://127.0.0.1:8080/tech-bs/abc",
"options": {
"headers": {
"ABC_HEADER": "abc"
}
}
},
{
"source": "/tech-bs/aaa",
"target": "http://127.0.0.1:8081/tech-bs/aaa"
}
]
当访问 http://127.0.0.1/tech-bs/abc 时,会命中第一条代理规则,转发到 8080端口对应的路径。
这对于并行开发多个项目很有用。
提供透明代理(即:线下不存在的资源,直接抓取线上,域名在Vhost属性中设置)便捷的移动端调试(默认开启htpp代理服务,端口8989,可以代替fiddler或charles.)// 代理服务器端口。 通常用于调试移动端,抓包,替换请求. 类似fiddler或者charlse
"proxyPort": 8989,
//代理规则(支持正则,可以设置多个规则)
"proxyRule": [{
//替换规则
"pattern": "xxx.b.com/skyfire/ssu/editBefore1",
//用于响应的文件
"responder": "/Users/kings/didi/prod/fe-scaffold-v1/app/dev/html/page1.html"
}]
支持https在https项目里面,静态资源服务就需要支持https。 在turbo里支持https服务很简单。只需要在project-conf.json里面将 https属性设置为ture,重启服务即可。 注意:https默认端口为 443, 由于本地没有https证书,第一次运行,需要在浏览器下点选“信任证书”。如果没有提示,请在浏览器打开静态资源请求,届时会弹出警告,选择信任即可。 问题列表change log
TODOS
Contributors |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论