Vite 实现动态数据访问静态图片

Vite 可以通过使用插件来实现动态数据访问静态图片。一个常见的做法是使用 `vite-plugin-imagemin` 插件来对静态图片进行压缩和优化，然后通过在 Vue 组件中使用 `require` 或 `import` 来动态加载图片。

具体来说，可以在 `vite.config.js` 中配置 `vite-plugin-imagemin` 插件，并指定要处理的图片文件夹。然后在 Vue 组件中，可以使用 `require` 或 `import` 来引入图片，例如：

<template>
  <div>
    <img :src="imageUrl" alt="My Image">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: require('@/assets/images/my-image.jpg')
    }
  }
}
</script>

这样，Vite 就会自动将 `my-image.jpg` 压缩和优化，并生成一个动态的图片 URL，以供组件使用。