react-app-rewire-define-plugin about customize-cra HOT 8 CLOSED

const findWebpackPlugin = (plugins, pluginName) =>
  plugins.find(plugin => plugin.constructor.name === pluginName);

const overrideProcessEnv = value => config => {
  const plugin = findWebpackPlugin(config.plugins, 'DefinePlugin');
  const processEnv = plugin.definitions['process.env'] || {};

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

  return config;
};

module.exports = override(
  overrideProcessEnv({
    VERSION: JSON.stringify(require('./package.json').version),
  })
);

proccess.env.DEV = {...}
process.env.PROD = {...}

const path = require('path')
const path = require('path')
const Dotenv = require('dotenv-webpack')
const version = JSON.stringify(require('../package.json').version)

const resolvePath = dir => path.join(__dirname, '..', dir)

const mode = process.argv[2].split('--')[1]
const isDev = process.env.NODE_ENV === 'development'

const envPath = isDev ? resolvePath('.env.development') : resolvePath(`.env.${mode}`)
const envVars = {}

const definitions = new Dotenv({
    path: envPath
}).definitions

Object.keys(definitions).forEach(key => {
  const [, api] = key.split('process.env.')
  envVars[api] = definitions[key]
})

function rewireDefinePlugin (config) {
  config.plugins.some(p => {
    if (
      p.definitions &&
      p.definitions['process.env']
    ) {
      p.definitions['process.env'] = { ...envVars, version}
      return true
    }
  })
  return config
}

module.exports = rewireDefinePlugin

// config-overrides.js
const { overridePassedProcessEnv } = require("cra-define-override");

module.exports = override(
  overridePassedProcessEnv(["BASE_URL", "OTHER_ENV_NAME"])
);