Vite工程化与前端部署流程介绍

辞旧迎新，生日快乐

By vadxq

Github

Vite 项目实践

Vue 3 + Typescript + Vite

企业级团队协作工程化

  • 编程语言：TypeScript 4+
  • 构建工具：Vite 2+
  • 前端框架：Vue 3+
  • 路由工具：Vue Router 4+
  • 状态管理：Vuex 4+
  • CSS：Sass + Postcss
  • HTTP 工具：Axios
  • MOCK:: mockjs + vite plugins
  • Git Hook 工具：Husky + Lint-staged
  • 代码规范：EditorConfig + Prettier + ESLint
  • 提交规范：Commitlint + changelog

项目细节介绍

项目模版

目录结构层

前端框架层

团队规范层

git Flow设想

开发层

多环境配合层

dev/alpha/test/test1/grey/prod

构建层

部署层

持续集成层

性能与均衡的思考

日志与错误收集

安全与现状的思考

提问环节

谢谢

Thank you

Shanghai 2021.08.13

vadxq

惊喜二维码，送祝福抽奖！