webpack.config.js

const createExpoWebpackConfigAsync = require('@expo/webpack-config');
const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");

// Expo CLI will await this method so you can optionally return a promise.
module.exports = async function (env, argv) {

  // Change API URL and Home Page url before upload on Beta and Live servers
  env.mode = "production";
  // Set this meta tag in index.html
  // <meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Expires" content="-1">

  // Comment development for create all build
  env.mode = "development";

  env.pwa = true;
  env.removeUnusedImportExports = true;

  const config = await createExpoWebpackConfigAsync(env, argv);
  // Customize the config before returning it.

  // If you want to add a new alias to the config.
  //  config.resolve.alias['moduleA'] = 'moduleB';

  config.optimization.usedExports = true; // ADD THIS for "react-native-render-html": "^6.3.4" package issue for production build shows white screen with error- Cannot read properties of undefined (reading 'call')

  // Prevent minimizing the bundle when you build.
  if (config.mode === 'production') {
    config.optimization.minimize = true;
    config.devtool = false;

    //   configuration.optimization has an unknown property 'exports'. These properties are valid:
    //  object { checkWasmTypes?, chunkIds?, concatenateModules?, flagIncludedChunks?, hashedModuleIds?, mangleWasmImports?,
    //    mergeDuplicateChunks?, minimize?, minimizer?, moduleIds?, namedChunks?, namedModules?, noEmitOnErrors?, nodeEnv?, 
    //    occurrenceOrder?, portableRecords?, providedExports?, removeAvailableModules?, removeEmptyChunks?, runtimeChunk?, 
    //    sideEffects?, splitChunks?, usedExports? }
    //  -> Enables/Disables integrated optimizations

    config.optimization.flagIncludedChunks = false // Added on 24th Feb 2022 for chunk control to be check

    // Set custom name for output files
    // config.output.filename = 'static/js/myapp.test.js';
    // config.output.chunkFilename= 'static/js/myapp.mychunk.chunk.js',

    config.optimization.splitChunks = {
      cacheGroups: {
        default: false,
      },
    };
    config.optimization.runtimeChunk = false;

  }

  // Maybe you want to turn off compression in dev mode.
  if (config.mode === 'development') {
    config.devServer.compress = true;
    // config.plugins.push( new ReactRefreshWebpackPlugin() );
  }

  // Added on 20th July 2023 for SVG files by Mukul Agarwal
  config.module.rules.forEach((rule) => {
    if (rule.oneOf) {
      rule.oneOf.unshift({
        test: /\.svg$/,
        exclude: /node_modules/,
        use: [
          {
            loader: require.resolve("@svgr/webpack"), // "@svgr/webpack": "5.5.0" is compatible till 8.1.0 available
            options: {
              inlineStyles: {
                onlyMatchedOnce: false,
              },
              viewBox: false,
              removeUnknownsAndDefaults: false,
              convertColors: false,
            },
          },
        ],
      });
    }
  });

  // console.log(config);

  return config;
};

// module: {
//   rules: [
//     { test: /\.ts$/, use: 'raw-loader' }
//   ]
// }