如何使用早午餐将玉石模板渲染为HTML

Question

尝试为我的新项目使用早午餐。我想要做的一件事就是能够将所有HTML资源编写成jade，并在构建过程中让brunch将其呈现为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

这是一个老问题，但Brunch已经更新，可以更加优雅地处理静态资产编译。

该official jade-brunch package照顾业务没有额外的配置。

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

如果您使用的是includes/extensions，并且您不想在public目录中使用一堆部分HTML文件，则使用前面的下划线对它们进行命名会告诉Brunch忽略这些文件。如果您app目录如下：

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

...和你index.jade包括_header：

include partials/_header 

您public目录将是这样的：

public 
    | index.html 

的伟大工程。

Answer 2

每jaded-brunch documentation，你可以告诉它要么通过命名并都带有.static.jade文件扩展名编译玉文件为静态HTML输出，或设定staticPatterns选项，如：

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