如何用早午餐将静态index.html中环境变量的占位符替换为实际值？

Question

我使用早午餐来编译静态资产。 我有一个index.html其中包含带有环境变量占位符的<script>标记。 根据环境，我想将占位符更改为实际值。 如何使用早午餐最简单的方法？

我尝试了几个插件，但是虽然听起来很简单，但是我无法替换任何东西。

Answer 1

您可以从master安装handlebars-brunch插件，添加

handlebars: {
  locals: {
    env: process.env
  }
}

到brunch-config.js plugins ，将index.html重命名为index.html.hbs并像这样使用它：

<script>
    alert("{{env.key}}")
</script>