0.0.12 • Published 4 years ago

angle-react-app v0.0.12

Weekly downloads
10
License
ISC
Repository
-
Last release
4 years ago

简介

  • 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