uniapp vue3 H5版本 vite 打包文件添加版本号

在uniapp中使用Vue3开发H5应用，并结合Vite构建工具打包文件时，为了管理不同版本的动态更新，通常会通过设置配置来自动在静态资源URL后面添加版本号。这有助于浏览器缓存控制和避免老版本文件导致的问题。

以下是大致步骤：

1. **修改Vite配置**：
在`vite.config.js`文件中，找到`build`部分的`outputDir`和`publicPath`配置。例如，你可以添加一个变量来动态拼接版本号：

const version = process.env.VERSION || 'latest'; // 获取环境变量或默认值

export default defineConfig({
  build: {
    outputDir: `./dist/${version}`, // 输出目录加上版本号
    publicPath: `/dist/${version}/`, // 公共路径也加上版本号
    rollupOptions: {
      input: 'src/main.ts',
      // ...
    },
  },
});

2. **管理版本号生成**：
- 环境变量：在部署前，可以设置环境变量如`npm run build --env.VERSION=1.0.0`，将特定版本号传递给构建过程。
- Git标签：每次发布新版本时，在Git提交时附上相应的tag，然后通过脚本获取当前发布的tag作为版本号。

3. **部署时处理版本号**：
部署服务器上，可以用Nginx、Apache或其他服务器配置规则，根据请求的URL自动指向对应版本的文件夹。