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

Question

我使用 brunch 编译静态资源。我有一个 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>

How to replace placeholders for environment variables in static `index.html` to actual values with brunch?