0.0.2 • Published 1 year ago
svgrs-plugin v0.0.2
svgrs-plugin
Use svgr-rs with vite and webpack.
install
pnpm i svgrs-plugin -D
usage
vite
import path from 'node:path'
import react from '@vitejs/plugin-react'
import { svgrs } from 'svgrs-plugin/vite'
import { defineConfig } from 'vite'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
react(),
svgrs({
exportType: 'named',
namedExport: 'ReactComponent',
})
],
})
options
Check supported options from svg-rust/svgr-rs.
Extra options for vite:
include
- type
string[]
- default
['**/*.svg']
exclude
- type
string[]
- default
[]
webpack
Add the following module rule
to your webpack.config
{
test: /\.svg$/i,
issuer: /\.[jt]sx?$/,
resourceQuery: /react/,
use: [
{
loader: 'esbuild-loader',
options: {
loader: 'tsx',
target: 'es2015',
},
},
{
loader: 'svgrs-plugin/webpack',
options: {
exportType: 'named',
namedExport: 'ReactComponent',
},
},
],
}
Check supported options from svg-rust/svgr-rs.
development
- Setup -
pnpm i
- Build -
pnpm build
built with ❤️ by 😼