react-app-rewire-svgr

Add SVGR loader to create-react-app using react-app-rewired

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-app-rewire-svgr
1.2.03 years ago7 years agoMinified + gzip package size for react-app-rewire-svgr in KB

Readme

react-app-rewire-svgr
Add SVGR loader to your create-react-app via react-app-rewired.

Installation

yarn add --dev react-app-rewire-svgr

OR
npm install --save-dev react-app-rewire-svgr

Usage

In your react-app-rewired configuration:
/* config-overrides.js */

const rewireSVGR = require('react-app-rewire-svgr');

module.exports = function override(config, env) {
    // ...
    config = rewireSVGR(config, env);
    // ...
    return config;
}
In your React application:
import starUrl, { ReactComponent as Star } from './star.svg'

const App = () => (
  <div>
    <Star />
  </div>
)

Also you can pass options to svgr webpack loader via third parameter
/* config-overrides.js */

const rewireSVGR = require('react-app-rewire-svgr');

module.exports = function override(config, env) {
    // ...
    config = rewireSVGR(config, env, { svgo: false });
    // ...
    return config;
}