Vue SVG Inline Loader
JSON →The `vue-svg-inline-loader` is a Webpack loader designed for Vue 2 projects, enabling the inlining of SVG images directly into HTML templates. It parses `<img>` tags, replaces them with the actual SVG content, and offers built-in SVGO support for optimization. The loader is highly configurable, allowing for attribute manipulation, adding titles, and handling Vue directives on inlined SVGs. The current stable version is 2.1.5. It's important to note that this loader is *not compatible* with Vue 3 projects created via Vue CLI, as those environments utilize Vite/Rollup instead of Webpack; for such setups, the author recommends `vue-svg-inline-plugin`. Its primary differentiators include deep integration with the Webpack build process for Vue Single File Components, robust SVGO integration, and fine-grained control over inlined SVG attributes.
Traffic · last 30 days ↓37% vs prev 7d
top countries 🇺🇸 United States · 🇨🇦 Canada · 🇫🇷 France · 🇩🇪 Germany