vite-plugin-mini-svg v0.1.0

Vite Plugin Mini SVG

Vite plugin to optimize svg assets or create datauri from them.

Features:

• SVGO optimization of all imported svg assets
• Support for ?datauri and ?metadata query string

Install

npm i -D vite-plugin-mini-svg

pnpm add -D vite-plugin-mini-svg

yarn add --dev vite-plugin-mini-svg

Setup

// vite.config.js
import { defineConfig } from 'vite'
import miniSvg from 'vite-plugin-mini-svg'

export default defineConfig({
  plugins: [miniSvg()]
})

Options

miniSvg({
  // SVGO configuration object
  svgoConfig: {}
})

Usage

import srcAsUri from './images/example.svg?datauri'

const img = document.createElement('img')
img.src = srcAsUri
document.body.appendChild(img)

import imgData from './images/example.svg?metadata'

const img = document.createElement('img')
img.src = imgData.src
img.width = imgData.width
img.height = imgData.height
document.body.appendChild(img)