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" }
  ]
}
alo7 gitlab