vite怎么安装svg和配置

要在Vite项目中安装和配置SVG，您需要按照以下步骤进行操作：

安装依赖：在终端中导航到您的Vite项目根目录，并运行以下命令来安装@vitejs/plugin-vue-svg插件：
```
npm install --save-dev @vitejs/plugin-vue-svg
```

配置插件：在您的Vite项目根目录中找到vite.config.js文件（如果没有，请创建该文件），并添加以下配置：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueSvgPlugin from '@vitejs/plugin-vue-svg'

export default defineConfig({
  plugins: [
    vue(),
    vueSvgPlugin()
  ]
})

使用SVG：现在您可以在Vue组件中使用SVG了。在您的Vue组件中，使用<svg-component-name />的语法来引入和使用SVG文件。例如：
```
<template>
  <div>
    <svg-icon />
  </div>
</template>

<script>
import SvgIcon from './assets/svg/icon.svg'

export default {
  components: {
    SvgIcon
  }
}
</script>
```
在上面的示例中，SvgIcon是您的SVG文件的组件名，您需要将SVG文件放在./assets/svg/目录下，并根据需要进行调整。
运行项目：运行npm run dev启动您的Vite项目，并在浏览器中查看结果。

这样，您就可以在Vite项目中安装和配置SVG了。请注意，如果您的Vite版本较旧，可能需要在步骤1中安装vite-plugin-vue-svg插件而不是@vitejs/plugin-vue-svg插件