vite-plugin-svgr (2024)

Installation Usage Options License Readme Keywords Package Sidebar Install Repository Homepage Weekly Downloads Version License Unpacked Size Total Files Last publish Collaborators

# npmnpm install --save-dev vite-plugin-svgr# yarnyarn add -D vite-plugin-svgr# pnpmpnpm add -D vite-plugin-svgr

// vite.config.jsimport svgr from "vite-plugin-svgr";export default { // ... plugins: [svgr()],};

import Logo from "./logo.svg?react";

/// <reference types="vite-plugin-svgr/client" />

svgr({ // svgr options: https://react-svgr.com/docs/options/ svgrOptions: { // ... }, // esbuild options, to transform jsx to js esbuildOptions: { // ... }, // A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should include. include: "**/*.svg?react", // A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should ignore. By default no files are ignored. exclude: "",});

svgr({ svgrOptions: { plugins: ["@svgr/plugin-svgo", "@svgr/plugin-jsx"], svgoConfig: { floatPrecision: 2, }, }, // ...});