如何在不同环境下运行相同版本的react/webpack应用程序

如何在不同环境下运行相同版本的react/webpack应用程序,webpack,environment-variables,staging,Webpack,Environment Variables,Staging,我正在使用React和Webpack构建一个单页应用程序。出于测试目的,我需要能够构建应用程序,然后在具有不同设置的登台和生产环境上运行相同的构建(登台设置应使用登台API,生产应使用生产API) 我知道使用enify、DefinePlugin和dotEnv的方法,但是,所有这些方法都要求在构建时知道环境变量值 我正在寻找一些真正类似于dotEnv的东西,在那里我只有一个文件,我可以为一个具有生产值的文件热切换生产,而无需更改应用程序 有什么办法可以做到这一点吗?曾经显而易见的解决方案是定义可公

我正在使用React和Webpack构建一个单页应用程序。出于测试目的,我需要能够构建应用程序,然后在具有不同设置的登台和生产环境上运行相同的构建(登台设置应使用登台API,生产应使用生产API)

我知道使用enify、DefinePlugin和dotEnv的方法,但是,所有这些方法都要求在构建时知道环境变量值

我正在寻找一些真正类似于dotEnv的东西,在那里我只有一个文件,我可以为一个具有生产值的文件热切换生产,而无需更改应用程序


有什么办法可以做到这一点吗?曾经显而易见的解决方案是定义可公开访问的env.js文件,该文件将定义某种全局对象,但这似乎不够优雅:(

真的,3年后还没有解决方案:)@errogaht-原因可能是没有明显的答案:)。从那以后,我使用了各种不同的方法。与简单的版本不同,我有不同的env.json文件,只有一个特定的文件被部署,应用程序动态加载。对于真正复杂的领域,在同一个域上部署了一个单独的发现服务,为我提供了其他环境变量