前端Vite配置规范书.docVIP

前端Vite配置规范书

一、配置文件基础规范

1.1文件命名与结构

Vite配置文件统一命名为vite.config.js或vite.config.ts，优先使用TypeScript版本以获得类型提示。配置文件应遵循模块化结构，将不同功能的配置项拆分为独立函数或模块，提高可读性和可维护性。

//vite.config.tsimport{defineConfig}fromviteimportvuefrom@vitejs/plugin-vueimport{resolve}frompath//路径解析函数constpathResolve=(dir:string)=resolve(__dirname,dir)exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:{@:pathResolve(src),@components:pathResolve(src/components)}}})

1.2环境变量管理

所有环境变量应定义在.env、.env.development、.duction等文件中，避免在代码中硬编码敏感信息。环境变量命名需以VITE_开头，确保能被Vite正确识别。

#.ductionVITE_APP_TITLE=生产环境应用VITE_A