This is a react-app-rewired config which allows you to import PureScript code in a create-react-app project directly.

config-overrides.js

module.exports = function override(config, env) {
  config.module.rules = config.module.rules.map(rule => {
    if (rule.oneOf instanceof Array) {
      return {
        ...rule,
        // create-react-app let every file which doesn't match to any filename test falls back to file-loader,
        // so we need to add purs-loader before that fallback.
        // see: https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/config/webpack.config.dev.js#L220-L236
        oneOf: [
          {
            test: /\.purs$/,
            loader: "purs-loader",
            exclude: /node_modules/
          },
          ...rule.oneOf
        ]
      };
    }

    return rule;
  });

  // create-react-app disallows us to import files outside ./src folder.
  // We need to turn this rule off to import files from ./bower_components
  // see: https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/config/webpack.config.dev.js#L112-L119
  if (process.env.NODE_ENV === "development") {
    config.resolve.plugins = [];
  }

  return config;
};