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

Question

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

由于这个原因，我正在寻找使用webpack构建的aurelia应用程序的运行时配置文件。在此先感谢

Answer 1

我认为您要问的内容可能与此处的Aureliajs Waiting For Data on App Constructor类似。

在该问题中，我提出了有关如何以不同方式进行操作的建议，该方法粘贴在下面：

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

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

上看到一个初步的示例

您还可以在启动Aurelia应用程序时利用configure函数的异步特性在此处进行初始化：

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