config-overrides.js - Obfuscate CSS class names in Create React App without eject

config-overrides.js

// File - src/config-overrides.js
// react-app-rewired: Override create-react-app webpack configs without ejecting

const path = require("path");

const { compose, getLoader, injectBabelPlugin } = require("react-app-rewired");

function rewire(config, env) {

  const cssRules = getLoader(
    config.module.rules,
    rule => rule.test && String(rule.test) === String(/\.css$/),
  );

  const cssLoader = getLoader(
    env === "production" ? cssRules.loader : config.module.rules,
    rule =>
      rule.loader &&
      rule.loader.indexOf(`${path.sep}css-loader${path.sep}`) !== -1,
  );
  cssLoader.options = {
    ...cssLoader.options,
    modules: true,
    localIdentName: `${env === "production" ? "" : "[local]__"}[hash:base64:8]`,
  };

  return config;
}

module.exports = rewire;

Does this still work in 2020?

This seems not to be working right now