如何使用早午餐将Jade模板呈现为HTML

Question

尝试对我的新项目使用早午餐。 我想做的一件事是能够在玉器中编写我所有的HTML资产，并在构建过程中通过早午餐将其渲染为HTML。 我找到了疲惫的早午餐，但似乎无法弄清楚如何使其按我的意愿去做。 这是我的配置。

exports.config =
    paths:
        watched: ['client']

    npm:
        enabled: true
        packages: ['react']

    plugins:
        jaded:
            jade:
                pretty: yes
    files:
        javascripts:
            joinTo:
                'js/app.js': /^app/
                'js/vendor.js': /^(?!app)/
        stylesheets:
            joinTo: 'css/app.css'

    templates:
        joinTo: 'index.html'

Answer 1

每疲惫的早午餐的文档 ，你可以告诉它要么通过命名并都带有编译玉文件转换成静态的html输出.static.jade文件扩展名，或设置staticPatterns选项，如：

plugins:
    jaded:
        staticPatterns: /\.jade$/
        jade:
            pretty: yes

Answer 2

这是一个古老的问题，但是Brunch已更新，可以更轻松地处理静态资产编译。

官方的jade-brunch软件包无需额外配置即可处理业务。

将您的.jade文件放置在app/assets目录中（或您将static basedir设置为的位置），将jade文件编译为静态HTML。

如果您使用的是包含/扩展名，并且不想在public目录中使用一堆局部HTML文件，则使用前面的下划线命名它们会告诉Brunch忽略这些文件。 如果您的app目录如下所示：

app
  | assets
  |  | index.jade
  |  | partials
  |  |   | _header.jade

...并且您的index.jade包含_header ：

include partials/_header

您的public目录将如下所示：

public
  | index.html

效果很好。