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

Question

I use brunch for compilation of static assets. I've an index.html containing a <script> tag with environment variable placeholders. Based on the environment I want to change the placeholders to actual values. How can I do it the simplest way using brunch?

I tried several plugins, but although sounds to be a simple task, I fail to get anything replaced.

Answer 1

You can install handlebars-brunch plugin from master , add

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

to plugins in brunch-config.js , rename index.html to index.html.hbs and use it like this:

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