通过搭建 Vue3 + webpack + typescript 的后台管理系统去实践 Webpack5 的新特性,例如 Vue开发环境搭建、devServer开发体验、持久化缓存、tree-shaking、代码抽离、热更新、构建速度、页面性能的优化
src
+ assets # 静态资源
+ components # 组件
+ composables # 自定义CompositionAPI
+ layouts # 布局管理器
+ pages # 视图
+ router # 路由
+ stores # 状态管理库
- Vue SFC组件
- CSS Loader
- Typescript
- vue-router
- Pinia 全局状态管理
- Tailwind 支持
- 静态资源文件