React-h5

环境

测试环境

线上环境

约定

分支

• 开发分支：dev/x.x.x
• 测试分支：test
• 主线分支：master
• 开发分支 开发自己维护
• 提测或者部署到测试环境的代码 merge 到 test分支，ci会自动部署（https://gitlab.gosccap.cn/gos/hermes-web/pipelines）
• test 分支不允许 反向merge
• master 不允许 merge。

发布

• 发布代码 需要在gitlab 上提交mr，Owner review完，由 Owner 在 gitlab 上 merge
• 每次发布，由开发打tag，触发自动部署
• 上线部署tag格式：x.x.x

CSS单位

• 基建中配置了postCss默认为：按照750宽度的设计稿像素除以2
• 比如设计稿像素为100px ，代码中写50px即可，postCss会转化成rem，不会自动转换成rem;

mixin

• 所有混入都要调用2种方式，即 Vue.mixin 混入 和 base.ts 中混入

构建工具

npm install foundation-project -g

创建页面 https://www.npmjs.com/package/foundation-project

create main/pages/页面名称 --package_name=bbp

开发启动

npm run dev

部署编译

npm run build

目录

mian 项目主体

• pages 页面主体
• public 公共
  • common_data 前端公共数据（枚举映射，公钥，config等）
  • components 公共组件
  • helper 工具函数
  • sass
• template.html 模板文件

cli 构建代码

• build 打包主文件
• config 各种配置文件
• define_plugin 由cli直接替换代码中的值

libs 基础工具（vue、element、i18n等）