@dumplings/vite-plugin-svg-icon

vite-plugin-svg-icon

Install

npm install @dumplings/vite-plugin-svg-icon

Configuration

// vite.config.js
import svgPlugin from '@dumplings/vite-plugin-svg-icon';

export default defineConfig({
  plugins: [
    //.. other plugins
    // put your svg files in this path, svg file's name is the vue compoment props.name
    svgPlugin('the/svg/files/path'),
  ]
})

// app main file
import SvgIcon from '@dumplings/vite-plugin-svg-icon/vue';

const app = createApp(VueApp);
app.use(SvgIcon);
app.mount('#app')

<template>
  <svg-icon name="someicon" />
</template>