1.在项目目录中创建一个单独的config.js文件，其中包含环境变量。

const config = {
  API_URL: process.env.REACT_APP_API_URL,
}

export default config;

字符串
1.将config.js文件导入react组件并访问环境变量。

import React from 'react';

import config from './config';

function App() {
  const apiUrl = config.API_URL;

  return <div>...</div>;
}
export default App;

型
1.在项目的根目录中创建自定义构建脚本，例如build.js。

const fs = require('fs');
const path = require('path');
const { execSync } = require('child_process');

// Copy the config.js file to the build folder
fs.copyFileSync(
  path.resolve(__dirname, 'src', 'config.js'),
  path.resolve(__dirname, 'build', 'config.js')
);

// Run the build script
execSync('react-scripts build', { stdio: 'inherit' });

型
1.修改package.json文件以使用自定义构建脚本

"scripts": {
  "build": "node build.js"
}

型