Nunchaku Pizza Master

    @skidding/babel-plugin-inline-react-svg

    0.2.1 • Public • Published

    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

    Via .babelrc (Recommended)

    .babelrc

    {
      "plugins": [
        "inline-react-svg"
      ]
    }

    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

    require('babel-core').transform('code', {
      plugins: ['inline-react-svg']
    }) // => { code, map, ast };

    Inspired by and code foundation provided by react-svg-loader.

    Install

    npm i @skidding/babel-plugin-inline-react-svg

    DownloadsWeekly Downloads

    3

    Version

    0.2.1

    License

    MIT

    Last publish

    Collaborators

    • skidding