vite.config.js 静态资源服务的文件夹配置

vite.config.js 文件可以用于配置 Vite 构建工具的各种选项，包括静态资源服务的文件夹配置。

在 Vite 中，我们可以通过设置 server.static 属性来配置静态资源的文件夹，例如：

module.exports = {
  server: {
    static: {
      directory: 'static',
      publicPath: '/static'
    }
  }
}

这个配置将把 static 文件夹作为静态资源的根目录，并将静态资源的 URL 前缀设置为 /static。

这样，我们就可以在 HTML 文件中使用相对路径的方式引用静态资源，例如：

<img src="/static/images/logo.png">

Vite 还支持在配置文件中通过编程方式动态修改静态资源配置，这样我们可以方便地根据不同的开发环境、构建环境等情况来修改静态资源的根目录和 URL 前缀。