如何存储配置文件并使用React读取

如何存储配置文件并使用React读取

使用webpack，您可以将env特定的配置放入以下

externals

字段中

webpack.config.js

externals: {  'Config': JSON.stringify(process.env.NODE_ENV === 'production' ? {    serverUrl: "https://myserver.com"  } : {    serverUrl: "http://localhost:8090"  })}

如果要将配置存储在单独的JSON文件中，也可以这样做，则可以要求该文件并分配给

Config

：

externals: {  'Config': JSON.stringify(process.env.NODE_ENV === 'production' ? require('./config.prod.json') : require('./config.dev.json'))}

然后在您的模块中，可以使用config：

var Config = require('Config')fetchData(Config.serverUrl + '/Enterprises/...')

对于React：

import Config from 'Config';axios.get(this.app_url, {        'headers': Config.headers        }).then(...);

不知道它是否涵盖了您的用例，但对于我们来说它一直工作得很好。