Question

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

//添加地图脚本（async =＆＃39;＆＃39;，defer =＆＃39;＆＃39;，src =＆＃39; https://maps.googleapis.com/maps/api/js？ key = api_key_goes_here＆amp; callback = initMap＆＃39;，type =＆＃39; text / javascript＆＃39;）

Answer 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")

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

1 个答案: