将Javascript对象导入jade

Question

我已阅读并重新阅读了玉引用和一大堆堆栈溢出问题，但我似乎无法解决这个问题，我认为它应该非常简单。

所以我想做的就是在JavaScript文件中有一个对象，并将其导入到我的jade文件中，这样我就可以在生成html页面时使用对象中的数据。

例如：

这将在JS文件中：

 var obj = {
  firstName: "bob",
  lastName: "smith",
  age: 109

};

在我的玉中，我想这样做：

h1 #{obj.firstName}, #{obj.lastName}
h2= obj.age

等

这只是一个简单的例子。任何帮助都会非常感激。

我只是在我的玉器中创建对象但是我想要对象进行格式化，其中每个项目都在它自己的行上（为了便于阅读）和jade doesn't currently support that。

在那个链接上有人提到了一个我根本不理解的解决方案：“所以我通过在grunt-contrib-jade中传入数组而不是直接将它放在模板中来完成我想要的东西。也让我得到了摆脱grunt-sed“

我正在使用codekit将我的jade编译为静态html，而不是Node.JS。

Answer 1

如果您将对象转换为JSON格式，则可以完成此操作。

来自command line arguments上的文档：
-O, --obj <path|str> JavaScript options object or JSON file containing it

实施例

user.json

{
  "firstName": "bob",
  "lastName": "smith",
  "age": 109
}

你会像那样编译你的模板：

$ jade myTemplate.jade --obj user.json

或者如果您使用Gulp与gulp-jade：

.pipe(jade({
  locals: require('user.json')
}))