hsz / react-app-rewire-yaml

Add yaml-loader to a react-app-rewired config.

react-app-rewire-yaml

Add yaml-loader together with yaml-lint-loader and json-loader to your create-react-app via react-app-rewired.

Installation

yarn add --dev react-app-rewire-yaml

OR

npm install --save-dev react-app-rewire-yaml

Usage

In your react-app-rewired configuration:

/* config-overrides.js */

const rewireYAML = require('react-app-rewire-yaml');

module.exports = function override(config, env) {
    // ...
    config = rewireYAML(config, env);
    // ...
    return config;
}

In your React application:

import data from './data.yaml'

const App = () => (
  <div>
    {data.key}
  </div>
);