vite build默认使用绝对静态路径，如何配置使其输出相对路径？

修改Vite的base配置项即可实现需求，操作步骤如下：

• 在项目根目录新建vite.config.js文件，TypeScript项目则创建vite.config.ts
• 写入以下配置内容：

import { defineConfig } from 'vite'

export default defineConfig({
  // 将base设置为相对路径
  base: './'
})

• 重新执行npm run build或对应打包命令，新生成的dist目录内，HTML文件的资源引用、CSS文件内的url()路径都会自动转换为你需要的相对路径格式。

原理解释：Vite默认base配置为/，会生成基于站点根目录的绝对路径，改为./后会自动生成相对于当前文件位置的相对路径，适配所有静态资源的引用逻辑。

内容的提问来源于stack exchange，提问作者norman