Reactjs 在生成应用程序后创建react应用程序配置文件
我想要一个配置文件(JSON)在根文件夹后建立配置我的应用程序 像Reactjs 在生成应用程序后创建react应用程序配置文件,reactjs,create-react-app,react-scripts,Reactjs,Create React App,React Scripts,我想要一个配置文件(JSON)在根文件夹后建立配置我的应用程序 像翻译和API URL和 我可以用create react app来实现这一点吗?在src目录外创建config.js或json文件,并将其包含在index.html中 <script src="%PUBLIC_URL%/config.js" type="text/javascript"></script> 你可以找像这样的护理人员 const BASE_URL = window.BASE_URL; 您可
翻译
和API URL
和
我可以用create react app来实现这一点吗?在
src
目录外创建config.js
或json
文件,并将其包含在index.html
中
<script src="%PUBLIC_URL%/config.js" type="text/javascript"></script>
你可以找像这样的护理人员
const BASE_URL = window.BASE_URL;
您可以将JSON文件存储在
public/
文件夹中,当您托管Create React应用程序时,它将自动提供此文件
类似于:/public/my configuration file.json
然后,当您重新启动应用程序时:
localhost:3000/my配置文件.json
将向您提供此json文件。是否有可能
config.js
加载速度不够快?尤其是在构建包中(在运行npm run build之后)
。例如,如果您有一个包含以下内容的文件:export-const-config={baseUrl:window.BASE\u-URL}
我认为如果您在之后导入该配置(import{config}from“…”
),那么config.baseUrl
可能是未定义的您必须导入index.html
顶部的config.js/code>。因此js文件将同步加载,它将仅在config.js
之后加载您的捆绑包js。您如何根据环境定义要加载的单独文件?尝试一些方法生成脚本src
动态您将如何为此管理版本控制?我的意思是如何强制客户端使用最新版本,而不是缓存版本?
const BASE_URL = window.BASE_URL;