如何使用 pug 模板引擎读取 API 密钥？

【问题标题】：How to read in an API key with pug template engine?如何使用 pug 模板引擎读取 API 密钥？
【发布时间】：2018-01-23 18:00:51
【问题描述】：

我有 index.pug，其中有一些 JavaScript 可以访问 Google Maps API。如何使用 pug 从外部文件中读取 API 密钥？

// 添加地图脚本(async='', defer='', src='https://maps.googleapis.com/maps/api/js? key=api_key_goes_here&callback=initMap', type='text/javascript')

【问题讨论】：

标签： pug

【解决方案1】：

来源：https://stackoverflow.com/a/20343333/8380606

所以以下将起作用：

tmp1.jade

- var label = 'value'
div.anyClass
    include tmp2

tmp2.jade

div.otherClass
    div.label
        #{label}

你也可以使用mixins来传递变量，它们就像函数（你先定义它们，然后调用它们）

因此您可以执行以下操作：

tmp1.jade

mixin labeldiv(myLabel)
    div.otherClass
        div.label
            #{myLabel}

div.anyClass
    +labelDiv("the label")

值得一提的是，如果您希望它们在多个模板中通用，您也可以将 mixins 放入包含中。你可以这样做：

myMixins.jade

mixin labeldiv(myLabel)
    div.otherClass
        div.label
            #{myLabel}

tmp1.jade

include myMixins
div.anyClass
    +labelDiv("the label")

【讨论】：