在React库中创建环境变量并使用它们,而不使用Webpack,可以按照以下步骤进行操作:
.env
的文件。这个文件将用于存储环境变量。.env
文件中,按照KEY=VALUE
的格式定义你的环境变量。例如:REACT_APP_API_URL=https://api.example.com
REACT_APP_API_KEY=your-api-key
注意:以REACT_APP_
开头的变量名是必须的,因为Create React App默认会将这些变量注入到应用程序中。
process.env
对象来访问环境变量。例如,你可以在组件中使用以下方式获取之前定义的环境变量:const apiUrl = process.env.REACT_APP_API_URL;
const apiKey = process.env.REACT_APP_API_KEY;
import { fetchData } from 'my-library';
const apiUrl = process.env.REACT_APP_API_URL;
const apiKey = process.env.REACT_APP_API_KEY;
fetchData(apiUrl, apiKey);
需要注意的是,这种方式只适用于在运行时使用环境变量。如果你需要在构建时使用环境变量,仍然需要使用Webpack或其他构建工具来处理。
推荐的腾讯云相关产品:腾讯云云函数(Serverless Cloud Function),它提供了无服务器的计算服务,可以方便地在云端运行你的代码,并且支持使用环境变量。你可以通过以下链接了解更多信息:腾讯云云函数。
领取专属 10元无门槛券
手把手带您无忧上云