PUG - 传递变量以包含 js 文件答案

【问题标题】：PUG - Pass variable to include js filePUG - 传递变量以包含 js 文件
【发布时间】：2018-03-17 22:47:56
【问题描述】：

我有一个函数可以将变量“消息”传递给我的 pug 文件。在 pug 文件中可以正常工作，但我需要它在我包含在 pug 文件中的 JS 文件中工作。

我在我的 pug 文件中包含一个 js 文件，如下所示：

include test.js

我的 JS 文件包含一些带有 #{message} 变量的代码，这些代码通过函数传递到我的 pug 文件中。

document.getElementById("demo").innerHTML = "#{message}";

因为我是通过 include 包含这个 JS 文件，所以它基本上显示为没有标签的纯文本。这正是我想要的。但是，我需要在 JS 中插入一些自定义变量，因为它显示为纯文本文件。

【问题讨论】：

标签： express pug

【解决方案1】：

script
  | var nextPageToken = '#{nextPageToken}'
  include dynamicLoad.js

假设您在模板变量中将令牌作为字符串，它会将其传递给 JS。

请注意，脚本中的include 会转储 JS 代码，它没有经过优化，要在并行请求中加载它并有利于缓存浏览器，请使用：

script
  | var nextPageToken = '#{nextPageToken}'
script(src="dynamicLoad.js ")

【讨论】：