Import SVG files as Svelte Components
npm i -D rollup-plugin-svelte-svg// rollup.config.js import svelteSVG from "rollup-plugin-svelte-svg"; export default { entry: "src/input.js", dest: "dist/output.js", plugins: [ svelteSVG(), ], ... }// rollup.config.js import svelteSVG from "rollup-plugin-svelte-svg"; export default { client: { plugins: [ svelteSVG({ dev }), ], ... }, server: { plugins: [ svelteSVG({ generate: "ssr", dev }), ], ... } }You can then use svgs in your bundle thusly:
<script> import Logo from "./logo.svg"; </script> <Logo width="20" />This plugin was forked from @antony/rollup-plugin-svg to import SVGs as Svelte components.
MIT