An unplugin that supports converting SVGs to base64 or extracting paths.
npm i @mini-ghost/unplugin-svg-loader
// vite.config.ts
import SvgLoader from '@mini-ghost/unplugin-svg-loader/vite'
export default defineConfig({
plugins: [
SvgLoader(),
],
})
Example: playground/
// rollup.config.js
import SvgLoader from '@mini-ghost/unplugin-svg-loader/rollup'
export default {
plugins: [
SvgLoader(),
],
}
// webpack.config.js
module.exports = {
/* ... */
plugins: [
require('@mini-ghost/unplugin-svg-loader/webpack')()
]
}
// vue.config.js
module.exports = {
configureWebpack: {
plugins: [
require('@mini-ghost/unplugin-svg-loader/webpack')(),
],
},
}
// esbuild.config.js
import { build } from 'esbuild'
import SvgLoader from '@mini-ghost/unplugin-svg-loader/esbuild'
build({
plugins: [SvgLoader()],
})
import unpluginBase64 from './assets/unplugin.svg?base64'
// 'data:image/svg+xml;base64,...'
import unpluginPath from './assets/unplugin.svg?path'
// 'M256 0H0V256H256V0Z M72.9779 273.931L73.3264...'
*.svg?path is very useful for allowing Echarts to use some simple icons.
import simpleIconPath from './assets/simple.svg?path'
const legend = {
data: [
{ name: 'unplugin', icon: `path://${simpleIconPath}` },
// ...
]
}
We use cookies
We use cookies to analyze traffic and improve your experience. You can accept or reject analytics cookies.