0.0.12 • Published 4 years ago
angle-react-app v0.0.12
简介
- angle-react-app 致力于打造基于egg + react + typescript + webpack 的一键话工程体系,在这里,你可以直接基于该脚手架,愉快的写前端代码以及中间层代码,而不用关心繁琐的打包配置。
如何用
- 基于当前的版本,还没有做成npm包的形式,需要克隆仓库到本地使用。
如何开发
- 首先,需要修改package.json中的name和hostPrefix字段,修改为你项目的名字,请注意此处的hostPrefix字段,如果没有设置,则默认使用angle,后续在浏览器进行请求的时候,需要带上该前缀,如:www.angle.com/angle/xxx
- 开发过程中,需要用到nginx和switch-host,请提前下载安装,具体配置如下:
- nginx:
location /angle/ { proxy_pass http://127.0.0.1:13810/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; }
- switch-host:
127.0.0.1 www.angle.com
- 增加前端模块,需要放置在client/modules路径下,并且必须以index.tsx文件作为模块的起始文件
运行
- npm i / npm install / yarn
- 开发模式
- npm run start
- 生产模式
- npm run build