Merge pull request #291 from hyva-themes/289/react-18

Upgrade to React 18

Author: rajeev-k-tomy

.gitignore

@@ -1 +1,2 @@
 .DS_Store
+.idea

src/reactapp/config-overrides.js

@@ -1,20 +1,20 @@
+/* eslint-disable import/no-extraneous-dependencies */
+const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
+
+const cssFileNameUpdator = require('./scripts/react-app-rewire/css-file-name-updator');
+const reactAppRewirePostCssApplier = require('./scripts/react-app-rewire/postcss-applier');
+
 module.exports = function override(config, env) {
-  const isEnvDevelopment = env === 'development';
   const isEnvProduction = env === 'production';
   const filename = isEnvProduction
     ? '../../view/frontend/web/js/react-checkout.js'
-    : isEnvDevelopment && 'static/js/bundle.js';
+    : 'static/js/bundle.js';
   const chunkFilename = isEnvProduction
     ? '../../view/frontend/web/js/[name].chunk.js'
-    : isEnvDevelopment && 'static/js/[name].chunk.js';
+    : 'static/js/[name].chunk.js';
 
-  const baseConfig = {
+  const newConfig = {
     ...config,
-    output: {
-      ...config.output,
-      filename,
-      chunkFilename,
-    },
     optimization: {
       ...config.optimization,
       runtimeChunk: false,
@@ -24,15 +24,29 @@ module.exports = function override(config, env) {
         name: false,
       },
     },
+    output: {
+      ...config.output,
+      filename,
+      chunkFilename,
+    },
   };
 
   if (isEnvProduction) {
-    baseConfig.resolve.alias = {
-      ...baseConfig.resolve.alias,
+    newConfig.plugins = [
+      ...newConfig.plugins,
+      new LodashModuleReplacementPlugin({ paths: true }),
+    ];
+    newConfig.resolve.alias = {
+      ...newConfig.resolve.alias,
+      lodash: 'lodash-es',
       react: 'preact/compat',
       'react-dom': 'preact/compat',
     };
   }
+  // Save css bundle into styles.css
+  cssFileNameUpdator(newConfig, isEnvProduction);
+  // Apply postcss.config.js
+  reactAppRewirePostCssApplier(newConfig);
 
-  return baseConfig;
+  return newConfig;
 };