如何使用webpack 4构建的aurelia应用程序的运行时配置文件

Question

我有一个用aurelia构建的应用程序，并与webpacks捆绑在一起。我有一个打字稿文件中的变量。当我进行生产构建时，我只想在各种服务器上部署时更改这些变量。示例apiRoot = http://10.10.0.1/RESTSERVICES/--->当部署在另一台服务器上时部署在一台服务器上我知道apiRoot有什么不同。但我不想多次构建代码以在不同位置部署。

出于这个原因，我正在寻找一个运行时配置文件，用于使用webpacks构建的aurelia应用程序。提前致谢

Answer 1

我想你问的问题可能类似于Q这里的Aureliajs Waiting For Data on App Constructor。

在那个问题中，我提出了如何以不同方式进行操作的建议，复制粘贴如下：

Aurelia提供了许多处理异步流的方法。如果您的自定义元素是路由组件，那么您可以利用activate生命周期来返回承诺并异步初始化http服务。

否则，在完成初始化之前，可以使用CompositionTransaction进一步停止该过程。你可以在https://tungphamblog.wordpress.com/2016/08/15/aurelia-customelement-async/看到一个初步的例子

您还可以在引导Aurelia应用程序时利用configure函数的异步性质来进行初始化：

export function configure(aurelia) {
  ...
  await aurelia.container.get(HttpServiceInitializer).initialize();
}