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

Question

我使用早午餐编译静态资产。我有一个index.html包含带有环境变量占位符的<script>标签。基于环境，我希望将占位符更改为实际值。我怎样才能做到这一点使用早午餐最简单的方法？

我尝试了几个插件，但虽然听起来是一个简单的任务，但我没有取代任何东西。

Answer 1

您可以从master安装handlebars-brunch插件，在brunch-config.js添加

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

到plugins，重命名index.html到index.html.hbs和使用它像这样：

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