alo7: 前端 web-assets 单桶/单环境项目搭建
单桶项目,单环境一般是指一些不区分beta/production 环境的项目
01 ✅ 下面步骤的快捷方式
bcl 运行以下命令
bcl fittings/glab-ci-env
找到 glab-ci-env 设置环境变量
./init.sh
找到 init.pkg.json
cp 里面的 scripts 核心脚本
找到 .gitlab-ci.yml,复制到项目里
02 创建 vite 项目
利用 bcl 创建,并替换基本的信息
bcl -> vite-react-ts
03 添加环境变量到ci中
添加CI环境变量
glab4f ~/.aliyun/.env.web-alo7-com
glab4f ~/.aliyun/.env.yarn-alo7
04 创建 gitlab.ci 相关配置
gitlab 配置如下 .gitlab-ci.yml
include:
- project: aric.zheng/frontend-ci
ref: 1.0.152
file: dist/templates/react-aliyun-oss/main-single.yml
variables:
MODE: multiple
NODE_VERSION: 20
IMAGE_REGISTRY: hub.dproxy.saybot.net/
LIBRARY_IMAGE_REGISTRY: ${IMAGE_REGISTRY}library/
BUCKET_CONTEXT: web-alo7-com/app/pdf-resources
FRONTEND_PATH_BUILD: dist
REFRESH_URL_production: https://web-assets.alo7.com/app/pdf-resources/index.html
05 添加 gtc 控制
gtc 配置如下
{
"autoVersion": false,
"strictCommit": false,
"commands": [
{ "label": "🍎 发布到 production 环境", "value": "production" },
{ "label": "🍞 仅更新 cache 的 node_modules", "value": "cache" }
]
}