将异步加载的数据传递到webpack的pug-html-loader中

Question

常规设置

我正在根据此出色的样板使用webpack和pug构建一个小型网站：https://github.com/alexnoz/webpack-pug-scss-boilerplate.git

该项目已启动并正在运行，我能够正确渲染哈巴狗文件。

条件

现在，我需要在所有webpack编译发生之前加载一些数据。我想按照this answered question中的描述将该数据传递给pug-html-loader。

问题/疑问

我的问题是，我必须异步加载该数据。所以我有一个承诺。我如何确定承诺已完成before

webpack编译发生？

这是我目前无法使用的方法

// in webpack.config.js

var myData = []
loadSomeDataAsync().then(loadedData => myData = loadedData)

{
  loader: 'pug-html-loader',
  options: {
    data: myData    // <==== 
  }
}
[pug-html-loader接受options.data，如果我在其中放置静态数据，则此数据在哈巴狗模板中可用。

我知道我的问题似乎是，在Webpack编译发生之前，我的Promise尚未解决。但是，如何使Webpack以某种方式“等待” Promise解决呢？

我已经尝试注册webpack事件挂钩。但是没有成功。还有其他建议吗？

常规设置，我正在基于此出色的样板构建一个带有webpack和pug的小型网站：https://github.com/alexnoz/webpack-pug-scss-boilerplate.git该项目已启动并正在运行，我是.. 。

Answer 1

这种情况的默认模式如下：