viteAwesomeSvgLoader

viteAwesomeSvgLoader(options): Plugin

Defined in: loader.ts:68

A Vite plugin that:

1. Can import SVGs (see also: SvgLoaderOptions.defaultImport) as:

   1. Source code (default import type): import imageSrc from "./path/to/image.svg".
   2. URL: import imageUrl from "./path/to/image.svg?url".
   3. Source code data URI: import imageSrcDataUri from "./path/to/image.svg?source-data-uri".
   4. Source code Base64: import imageBase64 from "./path/to/image.svg?base64".
   5. Source code Base64 data URI: import imageBase64DataUri from "./path/to/image.svg?base64-data-uri".

2. Can preserve line width (make icons and line art have same line width when scaling): import imageSrc from "./path/to/image.svg?preserve-line-width". Can be configured via SvgLoaderOptions.preserveLineWidthList.

3. Can replace colors with currentColor (or a custom color via SvgLoaderOptions.replaceColorsList): import imageSrc from "./path/to/image.svg?set-current-color". Can be configured via SvgLoaderOptions.replaceColorsList.

4. Will automatically minimize your SVGs using SVGO.

5. Allows you to create SVG sprites using provided integrations.

Parameters

options

SvgLoaderOptions = {}

Plugin options

Returns

Plugin