rsbuild vue3 如何使用svg？

Question

rsbuild vue3 如何使用svg!!!
原来vite用的vite-plugin-svg-icons，换了rsbuild该用啥！

Answer 1

import { pluginSvgSpriteLoader } from "rsbuild-plugin-svg-sprite-loader";
....
plugins: [
  pluginSvgSpriteLoader({
    path: path.resolve(__dirname, 'src/assets/icons/svg'),
    symbolId: '[name]',
  }),
],

Answer 2

看文档：rsbuild-plugin-svg-sprite-loader

import { defineConfig } from 'rsbuild';
import svgSpriteLoader from 'rsbuild-plugin-svg-sprite-loader';

export default defineConfig({
  plugins: [
    svgSpriteLoader({
      // SVG 图标目录
      iconDirs: ['src/icons'],
      // 设置 symbolId 格式
      symbolId: 'icon-[name]',
    }),
  ],
});