rsbuild vue3 如何使用svg?

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

阅读 1.5k
2 个回答
✓ 已被采纳
import { pluginSvgSpriteLoader } from "rsbuild-plugin-svg-sprite-loader";
....
plugins: [
  pluginSvgSpriteLoader({
    path: path.resolve(__dirname, 'src/assets/icons/svg'),
    symbolId: '[name]',
  }),
],

看文档: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]',
    }),
  ],
});
推荐问题
宣传栏