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

惊喜二维码,送祝福抽奖!