plugin-svg-sprite

SVG sprite plugin for Vite2

Usage no npm install needed!

<script type="module">
  import pluginSvgSprite from 'https://cdn.skypack.dev/plugin-svg-sprite';
</script>

README

plugin-svg-sprite

SVG sprite plugin for Vite2

install

npm i plugin-svg-sprite -D

Usage

vite.config.js:

import svgSprite from 'plugin-svg-sprite';

const config = {
    plugins: [svgSprite()],
};

app code:

const modules = import.meta.globEager('./assets/icons/svg/*.svg');
console.log(modules);
// or
import appIconId from './path/to/icons/app.svg';

// react or vue component, as you want
export default function App() {
    return (
        <svg>
            <use xlinkHref={`#${appIconId}`} />
        </svg>
    );
}