发布流程使用说明(前端)

这个说明主要用于说明前端的项目要如何接入到GitLab 与新的发布工具中，目的是代替FTP管理代码与手动发布代码，请每个前端务必使用，有任何问题、建议、疑问，欢迎随时吐槽

发布流程简单说明

1. 前端项目基于Webpack与Vite进行开发(技术栈目前支持jQuery、Vue3、React、TypeScript)
2. 提交代码到GitLab
3. 在发布工具中新建项目
4. 在对应的发布项目中，新建发布任务，默认选择主干Master，描述为必填，填写此次更新的内容，不能填写fix bug、test、111、同上等无法得知修改内容的文案
5. 点击同步到测试环境，发布工具会拉取项目的Git代码，进行npm编译，用rsync同步到FTP中
6. 首次项目的同步，以及依赖插件变更，需要勾选同步测试按钮前的更新插件选项
7. 测试环境没问题后，可以点击预发布，此步骤会进行正式包体编译打包，以及同步global_include下的文件到六码新闻的测试环境下
8. 此时可以进行检查文件，此过程可以筛选出来距离上一次同步正式环境的Git与当前Git的不同内容，非必选
9. 文件对比完后，需要进行图片检查，查看最终发布到线上有哪些图片资源，此步骤为必选，需要确认后才能继续下一步
10. 点击同步资源文件，就是js、css、img等资源，同步到FTP中
11. 点击绿色的校验资源，会校验已经发出去的资源，是否能访问得到，需资源校验都成功后，才能进行下一步操作
12. 最后点击发布Html，会优先弹出距离上一次发布的任务前，所有的同步任务的描述，需要确认后才能能下一步操作
13. 首次发布的H5专题，需要编辑/策划才能够完成，此类型的专题，会弹出分享监控相关参数，确认后才能下一步操作
14. 第一次上线，系统发出上线邮件通知，验证线上是否正常，发布完成

一、Git与GitLab使用

1. Git和Git工具的安装与使用：文档
2. GitLab中的项目命名规范：文档

二、项目结构说明

前端项目需要参照下面的模板进行开发使用

新模板与使用说明：文档

三、发布工具使用

新项目、旧项目修改的发布，都需要使用发布工具来发布（尽量不要用FTP）

发布工具使用说明：文档