transform url(**/*.svg)
to url('data:image/svg+xml;utf8,<svg>...</svg>')
1. single imported svg
// index.css before transform
.some-class{
background: url(/src/asset/a.svg) // support alias eg. url(/@/asset/a.svg)
}
// after
.some-class{
background: url('data:image/svg+xml;utf8,<svg>...</svg>')
}
2. imported svg used many times
// before
#root{
--svg-a: url(/src/asset/a.svg)
}
.a-class{
background: var(--svg-a)
}
.b-class{
background: var(--svg-a)
}
// after
body{
--svg-a: url('data:image/svg+xml;utf8,<svg>...</svg>')
}
.a-class{
background: var(--svg-a)
}
.b-class{
background: var(--svg-a)
}
defualt: undefined
defualt: [/\.s?css/, /\.less/]
default: 10
(kb)