esbuild-plugin-svg

Svg files import plugin for esbuild.

$3

``zsh
npm install esbuild-plugin-svg -D
`

$3

`js
import iconLogo from './logo.svg';

render() {
return
${iconLogo}
;
}
`

$3

`js
import iconLogo from './logo.svg';

render() {
return

;
} // namespace + filename
`

$3

esbuild.config.json

`js
import esbuild from 'esbuild';
import svg from 'esbuild-plugin-svg';

esbuild
.build({
entryPoints: ['index.js'],
bundle: true,
outfile: 'main.js',
plugins: [svg()]
})
.catch(() => process.exit(1));
`

package.json

`json
{
"type": "module",
"scripts": {
"start": "node esbuild.config.js"
}
}
`

$3

esbuild.config.json

`js
svg({
customElement: false,
namespace: 'icon', // namespace custom elements
minify: false, // with svgo
minifyOptions: {} // svgo options
});
``

$3

SVGO   →   Optimizes svg files.

$3

esbuild-serve   →   Serve with live reload for esbuild.

esbuild-plugin-pipe   →   Pipe esbuild plugins output.

esbuild-plugin-babel   →   Babel plugin for esbuild.

esbuild-plugin-postcss-literal   →   PostCSS tagged template literals plugin for esbuild.