从js文件中获取迭代变量

Question

我必须遍历由 [{ title: '', desc: '', svg: '' }, ...] 组成的对象数组。由于 SVG 代码太大，我不想用大量 SVG 代码弄乱我的 .pug 文件。

有没有什么东西可以让我从另一个 JS 文件导入这个数组，然后在没有 outputting/generating 数组的情况下使用它来编译 html 就像 PUG 中的普通 inlie JS:

someMagicImport data.js

each feature in data.features
  li= feature.title

数据文件：data.js

const features = [
 { title: '...', desc: '...', svg: '...' },
 // .... other objects
]

所以，简单的问题是如何使用 data.js 中定义的上述特征数组并在我的 .pug 文件中使用它进行迭代。

此致。

更新 1：更详细的问题。更新 2：我没有使用任何后端框架，如 expressJS 或 Django。我只是从 PUG 生成 HTML 标记。

Answer 1

现在知道你只是在使用 PugJS，你可以这样处理它。在任何需要的地方使用 unbuffered code block, declare a variable with your data object, and then include 该文件创建一个新的 pug 文件。

features.pug

-
  const features = [
    { title: '...', desc: '...', svg: '...' },
    // .... other objects
  ]

index.pug（现在您可以访问功能对象）

include features

ul 
  each feature in features
    li= feature.title

Get iteration variable from js file