rmwc/config-overrides.js

A thin React wrapper for Material Design (Web) Components

const path = require('path');

module.exports = function override(config, env) {
  config.entry.unshift(require.resolve('react-hot-loader/patch'));

  // grab the "oneOf" rule
  const rules = config.module.rules[1].oneOf;

  // add a markdown loader
  rules.unshift(
    /**
     * This loader allows you to render inline code blocks
     */
    {
      test: /\.md$/,
      include: path.resolve('./src'),
      use: [
        {
          loader: require.resolve('babel-loader'),
          options: {
            // @remove-on-eject-begin
            babelrc: false,
            presets: [require.resolve('babel-preset-react-app')],
            // @remove-on-eject-end
            // This is a feature of `babel-loader` for webpack (not Babel itself).
            // It enables caching results in ./node_modules/.cache/babel-loader/
            // directory for faster rebuilds.
            cacheDirectory: true
          }
        },
        require.resolve('react-markdown-loader')
      ]
    }
  );

  // add module aliases
  config.resolve.alias['rmwc'] = path.resolve('./src');

  return config;
};