前端工程的相关管理 git、branch、build

环境配置

标准环境打包

测试版:npm run build-test

预生产:npm run build-preview

正式版:npm run build

建议本地建里一个

.env.development.local 方便和后端联调时修改配置相关信息。

和 src 同级有一下区分环境的文件:

.env.development

.env.test(测试环境)

.env.uat(预生产环境)

.env.preview(正式环境)

打包 时命令行根据环境不同,见文件: src/hostMap.js

javascript 复制代码
import { decrypt } from '../../utils'
const testOnline = 'xYMEaU*******JgvB6SzaPQLeasSIyz4vM4lcP11I='
const preOnline = 'Xn2wyp*******7BruSomIWNhWQrPnlybrl4ZbT/qng='
const prodOnline = 'vMHPK*******JwyJcnCHSfZFq9VRWOzYwh9BkZB0vnE='

const xc = { // 信创版
  'test-xc': {
    'subApp1': `${decrypt(preOnline)}/online/` // *******测试环境
  },
  'preview-xc': {
    'subApp1': `${decrypt(preOnline)}/online/` // wujie-app1 *******预生产环境
  }
}
const normal = { // 标准版  wujie-app1
  test: {
    'subApp1': `${decrypt(testOnline)}/online/` // wujie-app1
  },
  preview: {
    'subApp1': 'https://*******org/online/' // 预生产
  },
  production: {
    'subApp1': 'https://*******org:99/online/' // 生产
  }
}
export default function hostMap(app) {
  const VUE_APP_ENV = process.env.VUE_APP_ENV // env
  console.log('-------------VUE_APP_SUB_1----------------', VUE_APP_ENV, process.env.VUE_APP_SUB_1)
  if (VUE_APP_ENV.includes('xc')) return xc[VUE_APP_ENV][app]
  if (VUE_APP_ENV === 'development') return process.env.VUE_APP_SUB_1
  return normal[VUE_APP_ENV][app]
}

GIT管理

【禁止test、pre、master互相合并!!!】

【禁止test、pre、合并到业务分支!!!】

开发阶段: 基于master新建自己的本地分支(一般情况),其他情况咨询主要开发者

转测阶段: 本地分支merge至分支:test

提测预生产: 本地分支merge至分支:pre

正式版: 本地分支merge至分支: master

branch 分类标准

主要格式:type(scope)-name

示例: feat(组建)-优化

commit 分类标准

主要格式:type(scope):message

示例: feat(组建):新增功能项

TYPE集合
复制代码
feat:新功能(feature)
fix:修补
docs:文档(documentation)
style: 格式(不影响代码运行的变动)
refactor:重构(即不是新增功能,也不是修改bug的代码变动)
perf:性能优化
test:增加测试
revert:撤销上一次
chore:构建过程或辅助工具的变动
log: 加日志、注释、调试打印
相关推荐
闲蛋小超人笑嘻嘻10 分钟前
前端面试十四之webpack和vite有什么区别
前端·webpack·node.js
rggrgerj1 小时前
Vue3 组件完全指南代码
前端·javascript·vue.js
golang学习记2 小时前
从0死磕全栈之Next.js App Router动态路由详解:从入门到实战
前端
huangql5202 小时前
基于前端+Node.js 的 Markdown 笔记 PDF 导出系统完整实战
前端·笔记·node.js
在逃的吗喽2 小时前
Vue3新变化
前端·javascript·vue.js
yqwang_cn3 小时前
打造优雅的用户体验:自定义jQuery工具提示插件开发全解析
前端·jquery·ux
小Tomkk3 小时前
AI 提效:利用 AI 从前端 快速转型为UI/UX设计师和产品
前端·人工智能·ui
Demoncode_y3 小时前
Vue3中基于路由的动态递归菜单组件实现
前端·javascript·vue.js·学习·递归·菜单组件
杨超越luckly3 小时前
HTML应用指南:利用POST请求获取全国中国工商农业银行网点位置信息
大数据·前端·html·数据可视化·银行网点
皮蛋瘦肉粥_1214 小时前
pink老师html5+css3day02
前端·css3·html5