前端工程的相关管理 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: 加日志、注释、调试打印
相关推荐
wangbing112516 小时前
ES6 (ES2015)新增的集合对象Set
前端·javascript·es6
钟佩颖16 小时前
Git .
git
nvd1116 小时前
企业级 LLM 实战:在受限环境中基于 Copilot API 构建 ReAct MCP Agent
前端·copilot
Dragon Wu16 小时前
TailWindCss cva+cn管理样式
前端·css
烤麻辣烫16 小时前
Web开发概述
前端·javascript·css·vue.js·html
Front思17 小时前
Vue3仿美团实现骑手路线规划
开发语言·前端·javascript
徐同保17 小时前
Nano Banana AI 绘画创作前端代码(使用claude code编写)
前端
Ulyanov17 小时前
PyVista与Tkinter桌面级3D可视化应用实战
开发语言·前端·python·3d·信息可视化·tkinter·gui开发
计算机程序设计小李同学17 小时前
基于Web和Android的漫画阅读平台
java·前端·vue.js·spring boot·后端·uniapp
lkbhua莱克瓦2417 小时前
HTML与CSS核心概念详解
前端·笔记·html·javaweb