最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

将异步加载的数据传递到webpack的pug

运维笔记admin24浏览0评论

将异步加载的数据传递到webpack的pug

将异步加载的数据传递到webpack的pug

常规设置

我正在根据此出色的样板使用webpackpug构建一个小型网站:.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的小型网站:.git该项目已启动并正在运行,我是.. 。

回答如下:

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

发布评论

评论列表(0)

  1. 暂无评论