vite-plugin-svg-store
A vite plugin for making svg sprites.
installation
pnpm add -D vite-plugin-svg-store
# or npm install -D vite-plugin-svg-storeusage
// vite.config.ts
import svgStore from 'vite-plugin-svg-store'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
...
svgStore({
dirs: ['src/assets/icons'], // default ['src/assets/icons']
symbolId: 'icon-[name]'
})
]
})Options
| name | default | description |
|---|---|---|
| dirs | ['src/assets/icons'] |
svg file directory |
| symbolId | icon-[name] |
icon id format |
| optimizeOptions | undefined |
svgo optimization options |
| containerId | __svg__store__dom__ |
svg container id |