javascript - 如何使用 brunch 将 jade 模板渲染为 HTML

标签 javascript pug brunch

尝试在我的新项目中使用早午餐。我想做的一件事是能够在 jade 中编写所有 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'

最佳答案

根据 jaded-brunch documentation ,您可以通过使用 .static.jade 文件扩展名命名所有 jade 文件,或者设置 staticPatterns 选项,将其编译为静态 html 输出,例如:

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

关于javascript - 如何使用 brunch 将 jade 模板渲染为 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34232007/

相关文章:

javascript - Angular *ngFor 循环遍历数组的数组

javascript - MomentJS 没有正确转换日期

javascript - Mocha 在导入的代码中找不到模块

javascript - 使用 phoenix 应用程序安装的早午餐不适用于 Bower Assets

javascript - 从 javascript 检测断开连接插件

javascript - 自动隐藏引导工具提示

node.js - jade能在不刷新页面的情况下显示新的值吗?

node.js - 如何动态呈现 pug 文件而不是使用静态 angular-cli index.html?

javascript - 变量在脚本标签中不可用

javascript - 早午餐设置 LOGGY_STACKS=true