vite-plugin-cssvg

Vite Plugin for svg in CSS/Less/SCSS

transform url(**/*.svg) to url('data:image/svg+xml;utf8,<svg>...</svg>')

eg

11. single imported svg
2
3// index.css before transform
4.some-class{
5    background: url(/src/asset/a.svg) // support alias eg. url(/@/asset/a.svg)
6}
7// after 
8.some-class{
9    background: url('data:image/svg+xml;utf8,<svg>...</svg>')
10}
11
122. imported svg used many times
13
14// before
15#root{
16    --svg-a: url(/src/asset/a.svg)
17}
18.a-class{
19    background: var(--svg-a)
20}
21.b-class{
22    background: var(--svg-a)
23}
24// after
25body{
26    --svg-a: url('data:image/svg+xml;utf8,<svg>...</svg>')
27}
28.a-class{
29    background: var(--svg-a)
30}
31.b-class{
32    background: var(--svg-a)
33}

params

1. exclude?: FilterPattern

defualt: undefined

2. include?: FilterPattern

defualt: [/\.s?css/, /\.less/]

3. inlineLimit?: number

default: 10 (kb)

LICENSE