config-overrides.js

/* eslint-disable  */
const {
  override,
  addWebpackAlias,
  addDecoratorsLegacy,
} = require('customize-cra');
const path = require('path');

const overrideProcessEnv = (value) => (config) => {
  const { plugins } = config;
  const plugin = plugins.find((p) => p.constructor.name === 'DefinePlugin');
  const processEnv = plugin.definitions['process.env'] || {};

  plugin.definitions['process.env'] = {
    ...processEnv,
    ...value,
  };

  return config;
};

module.exports = override(
  addDecoratorsLegacy(),
  addWebpackAlias({
    '@components': path.resolve(__dirname, './src/components'),
    '@router': path.resolve(__dirname, './src/router'),
    '@pages': path.resolve(__dirname, './src/pages'),
    '@store': path.resolve(__dirname, './src/store'),
    '@utils': path.resolve(__dirname, './src/utils'),
    '@guards': path.resolve(__dirname, './src/guards'),
    '@enums': path.resolve(__dirname, './src/enums'),
    '@layout': path.resolve(__dirname, './src/layout'),
  }),

  overrideProcessEnv({
    API_URL: JSON.stringify(process.env.API_URL || '__API_URL'),
  }),
);