gpt4 book ai didi

nuxt.js - 如何将条件内容添加到 Nuxt.js app.html(应用程序模板)?

转载 作者:行者123 更新时间:2023-12-05 03:49:36 25 4
gpt4 key购买 nike

有人知道 Nuxt.js 在他们的 app.html 中使用什么模板语言吗?

只有在 ENV 上定义了 GA ID 时,我才想添加 Google Analytics 脚本

所以它会是这样的:

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
<head {{ HEAD_ATTRS }}>
ANOTHER META HERE
<% if GOOGLE_ANALYTICS_IS_PRESENT_ON_ENV do %>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=<%= process.env.NUXT_ENV_GOOGLE_ANALYTIC_ID %>">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', '<%= process.env.NUXT_ENV_GOOGLE_ANALYTIC_ID %>');
</script>
<% endif %>
{{ HEAD }}
</head>
<body {{ BODY_ATTRS }}>
{{ APP }}
</body>
</html>

请看我上面的ifendif标签是 Shopify 的 Liquid 模板吗?

最佳答案

我找到了如何根据这个示例模板来做

https://github.com/nuxt/nuxt.js/blob/bb9427ee743a556761105dd0c4e7e474e922aee6/examples/custom-template/app.html

<html>
<head>
{{ HEAD }}
{% if (ENV.NODE_ENV === 'dev') { %}
<!-- debug scripts -->
{% } else if (ENV.NODE_ENV === 'production') { %}
<!-- production scripts -->
{% } %}
</head>
<body>
{{ APP }}
</body>
</html>

关于nuxt.js - 如何将条件内容添加到 Nuxt.js app.html(应用程序模板)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63860109/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com