React JS模板，config.json不断缩小

Question

在我的项目中，我使用了Microsoft React Redux Template (Microsoft React)和typescript。我的问题是，我需要保留一组前端配置，如API、基本URL等。我使用了一个Config.Json文件。但在构建项目时，引用Config.Json文件的每个javascript文件都会被引用，并在最小化过程中复制.Json文件的内容。因此，当从开发人员移动到QA或从QA移动到Prod时，我必须手动检查每个缩小的.js文件并更改配置。

我试图将配置保存在JS文件中，但仍然出现了同样的问题。

有没有办法在JS最小化过程中停止引用Config.Json文件？这样，当我更改Config.Json文件时，将应用对配置所做的更改。

Answer 1

也许你需要使用环境变量。

npm i dotenv -D

import configTest from 'config.test.json';
import configProd from 'config.prod.json';

const config = process.env.BUILD_TARGET === 'prod' ? configProd : configTest;