babel-plugin-inline-react-svg
Transforms imports to SVG files into React Components, and optimizes the SVGs with SVGO.
For example, the following code...
import React from 'react';import CloseSVG from './close.svg'; const MyComponent = <CloseSvg />;
will be transformed into...
import React from 'react';const CloseSVG = <svg>/* ... */</svg>; const MyComponent = <CloseSvg />;
Installation
npm install --save-dev babel-plugin-inline-react-svg
Usage
.babelrc
(Recommended)
Via .babelrc
Options
ignorePattern
- A pattern that imports will be tested against to selectively ignore imports.
Via CLI
$ babel --plugins inline-react-svg script.js
Via Node API
// => { code, map, ast };
Inspired by and code foundation provided by react-svg-loader.