{"library":"rollup-plugin-svg-sprites","title":"rollup-plugin-svg-sprites","description":"Rollup plugin for creating SVG sprites, built on top of svg-baker and svg-baker-runtime, sharing the same foundation as webpack's svg-sprite-loader. Current stable version is 1.2.5, with TypeScript support. It supports both Rollup and Vite, and offers special handling for Vue 3 and React. Key differentiators include query-based imports (.svg?vueComponent, .svg?jsx), support for large numbers of SVGs via require.context, and minimal configuration. Release cadence is periodic with multiple patches. It integrates with Vue 3, React, and standard SVG usage.","language":"javascript","status":"active","last_verified":"Mon Apr 27","install":{"commands":["npm install rollup-plugin-svg-sprites"],"cli":null},"imports":["import svgSprites from 'rollup-plugin-svg-sprites'","import MyIcon from './my-icon.svg?vueComponent'","import MyIcon from './my-icon.svg?jsx'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// rollup.config.js\nimport svgSprites from 'rollup-plugin-svg-sprites';\nimport commonjs from '@rollup/plugin-commonjs';\n\nexport default {\n  input: 'src/index.js',\n  output: { format: 'esm', file: 'dist/bundle.js' },\n  plugins: [commonjs(), svgSprites()]\n};\n\n// src/index.js\nimport myIcon from './icon.svg';\nconsole.log(myIcon.id); // e.g., 'icon'\n\n// HTML or SVG usage:\n// <svg><use xlink:href=\"#${myIcon.id}\"></use></svg>\n\n// For Vue 3:\n// <template><MyIcon /></template>\n// <script setup>\n// import MyIcon from './icon.svg?vueComponent'\n// </script>","lang":"typescript","description":"Minimal setup for Rollup with SVG sprite generation, showing both basic usage and Vue 3 component import.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}