Tag: pug gruntjs

在jade模板中获取数据的访问（使静态html）

我正尝试将一些数据传递给玉模板来生成静态内容。 我对node.js不太了解，并且表示，我不把它们用作后端。 我使用玉作为模板引擎，并生成静态HTML。 在玉器问题列表中有很多关于有多行代码的请求，并且所有者评论 我想促进从模板中保留太多的js，地图等可以通过当地人暴露 如果模板中有很多逻辑或对象等，你应该使用app.helpers（）等等，它们仍然可以是只能查看的助手，但至less可以保持模板清洁 我不太确定如何在一个基于grunt的环境中做到这一点。 基本上，如果我可以在我的模板中访问javascriptvariables（可能是文本，js或json文件），那么我可以使用我的模板中的数据并生成静态html文件。 做这个的最好方式是什么？ 编辑 为了进一步澄清，我可能有像（在一个JSON文件中） user1 = {link: '', lbl: 'User', txt: '…. lot 0f text ….'} user2 = {link: '', lbl: 'User', txt: '…. lot 0f text ….'} 在我的混合，不知何故，我需要在我的玉模板访问user1，user2等 .content +colum(user1 ) +colum(user2 ) mixin colum(d) .span4 h4 | #{d.lbl} p | #{d.txt} 万分感谢。

将Jade集成到Yeoman的服务器/监视/重载任务中

我一直在玩Yeoman ＆ Jade 。 我已经创build了一个小testing应用程序通过yeoman init angular （这是一个angular度的应用程序，但这不是重点）… 当我在命令行inputyeoman server时，它会： 编译coffeescript和罗盘文件 启动服务器 启动浏览器 观看和重新加载浏览器中的咖啡和罗盘变化 这是Yeoman的一大特色！ 现在我想要与Jade相同的function。 所以我通过npm install grunt-jade并在GruntFile.js中添加了如下configuration来编译jade模板： jade: { html: { src: ['app/views/*.jade'], dest: 'app/views', options: { client: false } } }, 通过在watch任务中添加以下configuration，我能够将jade任务整合到Yeoman的监视和重新加载任务中： watch: { … jade: { files: 'app/views/*.jade', tasks: 'jade reload' }, … } 而且所有的工作都非常好，除非在命令中添加了jade任务，否则不会发生初始编译： yeoman jade server 我们的pipe家不喜欢这个漂亮的女孩，因为他不会让她整合他的server任务:)这是烦人的，因为yeoman server将只编译coffeescript和罗盘文件。 有什么办法可以将jade任务添加到yeoman […]