目录结构

一个基础的 Viter 中后台项目目录结构如下所示

├── package.json├── viter.config.ts├── .viter├── dist├── .env├── public└── src    ├── pages    |   ├── index.less    |   └── index.tsx    └── components        ├── ComponentB.tsx        └── ComponentA.tsx

根目录

package.json

包含 Viter 框架必备的依赖，例如：viter、@vitejs/plugin-react-refresh 等。

viter.config.ts

viter 配置文件，是 vite 配置文件的超集，包含构建，插件，路由，主题等配置。

dist 目录

viter 生产环境默认打包输出目录，执行 viter build 生成。

public 目录

存放公共静态资源，生产打包时会被复制到 dist。

.env

存放环境变量，详见 环境变量 章节

.viter 目录

存放 viter 生成的临时文件，包含路由，入口等。

/src 目录

pages 目录

存放页面，是配置路由 component 选项时，相对路径./指向的目录。

components

存放公共组件