.babelrc

{
  "presets": [
    ["@babel/env", { "useBuiltIns": false }],
    "@babel/react"
  ],
  "plugins": [
    "@babel/proposal-class-properties",
    "@babel/proposal-export-default-from",
    "@babel/proposal-object-rest-spread",
    "lodash"
  ],
  "env": {
    "development": {
      "plugins": [
        ["react-css-modules", {
          "filetypes": {
            ".scss": {
              "syntax": "postcss-scss",
              "plugins": [
                ["postcss-nested", { "preserveEmpty": true }]
              ]
            }
          },
          "generateScopedName": "[local]",
          "handleMissingStyleName": "warn",
          "webpackHotModuleReloading": true
        }]
      ]
    },
    "production": {
      "plugins": [
        ["react-css-modules", {
          "filetypes": {
            ".scss": {
              "syntax": "postcss-scss",
              "plugins": [
                ["postcss-nested", { "preserveEmpty": true }]
              ]
            }
          },
          "generateScopedName": "__[hash:6]",
          "handleMissingStyleName": "ignore"
        }]
      ]
    }
  }
}