每日一博 | 基于 Vite3 的 Monorepo 前端工程搭建
一、技术栈选择 1.代码库管理方式-Monorepo: 将多个项目存放在同一个代码库中 ▪选择理由1:多个应用(可以按业务线产品粒度划分)在同一个repo管理,便于统一管理代码规范、共享工作流 ▪选择理由2:解决跨项目/应用之间物理层面的代码复用,不用通过发布/安装npm包解决共享问题 2.依赖管理-PNPM: 消除依赖提升、规范拓扑结构 ▪选择理由1:通过软/硬链接方式,最大程度节省磁盘空间 ▪选择理由2:解决幽灵依赖问题,管理更清晰 3.构建工具-Vite:基于ESM和Rollup的构建工具 ▪选择理由:省去本地开发时的编译过程,提升本地开发效率 4.前端框架-Vue3:Composition API ▪选择理由:除了组件复用之外,还可以复用一些共同的逻辑状态,比如请求接口loading与结果的逻辑 5.模拟接口返回数据-Mockjs ▪选择理由:前后端统一了数据结构后,即可分离开发,降低前端开发依赖,缩短开发周期 二、目录结构设计:重点关注src部分 1.常规/简单模式:根据文件功能类型集中管理 ``` mesh-fe ├── .husky #git提交代码触发 │ ├...