Open julius-spudvilas opened 3 months ago
Is there a workaround to make this plugin work with Vue.js?
If there was an option for the production build like injectSVGOnDev
, we could just use <svg><use href="#sprite-myicon"/></svg>
A workaround seems to be adding the following option to the Vue.js plugin in vite.config.js
:
plugins: [
vue({
template: {
transformAssetUrls: {use: []}
}
})
...
]
Anyway it would be great to have an inline
option or something like that, which disables the view
and use
output and just inlines the generated SVG into the index.html
body so no additional request is needed to load the svg spritemap and to be able to use just <svg><use href="#sprite-myicon"/></svg>
to reference the sprites.
I have been at this all day but it seems that plugin cant resolve path correctly as per README.md
Clean new VITE project with VUE
Vite.config.js
App.vue template
Console:
21.50.13 [vite] Internal server error: Failed to resolve import "/__spritemap" from "src/App.vue". Does the file exist?
Notes: "../__spritemap#sprite-circle-heat" works on DEV but then cant be resolved on BUILD as it becomes "../assets/spritemap.197f1118.svg"