babel.config.js

let cssLocalIdent;
if (process.env.APPMODE == "development") {
  cssLocalIdent = "navbar_[path][name]___[local]___[hash:base64:6]";
} else {
  cssLocalIdent = "[hash:base64:6]";
}

const config = {
  presets: ["@babel/preset-env", "@babel/preset-react"],
  plugins: [
    [
      "@babel/plugin-transform-runtime",
      {
        useESModules: true,
        regenerator: false,
      },
    ],
    [
      "module-resolver",
      {
        extensions: [".js", ".jsx"],
        root: ["./src"],
      },
    ],
    [
      "inline-react-svg",
      {
        ignorePattern: "[//]assets[//]images",
      },
    ],
    [
      "react-css-modules",
      {
        filetypes: {
          ".scss": {
            syntax: "postcss-scss",
          },
        },
        generateScopedName: cssLocalIdent,
      },
    ],
  ],
  env: {
    test: {
      presets: [
        [
          "@babel/preset-env",
          {
            targets: "current node",
          },
        ],
      ],
    },
  },
};

module.exports = config;