refactor ident name env var

Author: Jonne Räsänen

packages/react-scripts/config/custom-react-scripts/webpack-config/style-loader.js

@@ -2,16 +2,17 @@ const postCssOptions = require('../options/postcss-options');
 const extractTextPluginOptions = require('../options/extract-text-plugin-options');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
-const localIdentName = process.env.MODULE_IDENT_NAME || '[sha512:hash:base32]-[name]-[local]';
-
+const localIdentName =
+  process.env.REACT_APP_CSS_MODULE_IDENT_NAME ||
+  '[sha512:hash:base32]-[name]-[local]';
 
 module.exports = (loader, test, exclude, modules) => isDev => {
   let loaders = isDev
     ? [
-      {
-        loader: require.resolve('style-loader'),
-      },
-    ]
+        {
+          loader: require.resolve('style-loader'),
+        },
+      ]
     : [];
 
   loaders = loaders.concat([
@@ -22,9 +23,9 @@ module.exports = (loader, test, exclude, modules) => isDev => {
         { importLoaders: 1 },
         modules === true
           ? {
-            localIdentName: localIdentName,
-            modules: true,
-          }
+              localIdentName: localIdentName,
+              modules: true,
+            }
           : {}
       ),
     },

packages/react-scripts/template/.env

@@ -13,4 +13,4 @@ REACT_APP_LESS_MODULES = true;
 REACT_APP_WEBPACK_DASHBOARD = true;
 
 # CSS Module hash
-# MODULE_IDENT_NAME = 'module-[sha512:hash:base32]-[name]-[local]';
+# REACT_APP_CSS_MODULE_IDENT_NAME = 'module-[sha512:hash:base32]-[name]-[local]';