Advanced settings
Loading SVG icons supported by @vueless/plugin-vite
which was inspired by vite-svg-loader
. This allows efficient handling of SVG icons in your Vueless project.
Changing SVG optimisation config
For loading SVGs @vueless/plugin-vite
uses SVGO by default. We’ve provided an optimal configuration that covers most use cases.
However, if you encounter issues with your custom SVG icons rendering, you can customize the configuration by passing your own settings under the svgoConfig
key, (see SVGO plugin docs for more details).
Disable SVG optimization
You can disable SVGO globally as well by setting the svgo option to false in the Vueless Vite plugin config. This will prevent SVGO from processing the SVGs in dev
and prod
environments.
SVGO can also be explicitly disabled for a specific import by adding the ?skipsvgo
suffix to the SVG import path. This ensures that SVGO optimization will be skipped for that particular SVG file, allowing you to use the raw SVG without any modifications.
Last updated