rollup-plugin-svgr

simple rollup plugin svgr without svgo or babel

Install

1npm install --save-dev rollup-plugin-svgr

Alternatives

Official https://www.npmjs.com/package/@svgr/rollup which has svgo and babel enabled by default, unlike this library.

Usage

1{
2  plugins: [svgr()];
3}

1{
2  plugins: [svgr({ native: true })];
3}

You can add a additional transform step. For example, babel: first, you need @babel/core, @babel/preset-react and @babel/preset-env installed, then pass transform option:

1import { loadPartialConfig, transformAsync } from "@babel/core";
2const babelConfig = loadPartialConfig({
3  babelrc: false,
4  configFile: false,
5  presets: ["@babel/preset-env", "@babel/preset-react"],
6});
7
8{
9  plugins: [
10    svgr({
11      transform: async (code) => {
12        const result = await transformAsync(code, babelConfig.options);
13        if (!result?.code) {
14          throw new Error("Error while transforming using Babel");
15        }
16        return result.code;
17      },
18    }),
19  ];
20}

No svgo enabled

Svgo at runtime is costly, consider using a tool like lint-staged-imagemin instead, or simply run and commit svgo modified files.