jade-brunch-static

jade-brunch-static

Compile static jade files with brunch.

jade-brunch-static is a processor for html-brunch-static, a brunch plugin designed to handle static html files. jade-brunch-static can convert jade files into static html files with html-brunch-static's support for layouts and partial views.

If you're looking for support for the latest version of jade, now called "pug", check out pug-brunch-static.

Installation

jade-brunch-static depends on html-brunch-static, which also depends on brunch-static, so, you will need to install all three. The recommended method is via npm:

npm install --save-dev brunch-static html-brunch-static jade-brunch-static

Or manually:

• Add "brunch-static": "x.y.z" to package.json
• Add "html-brunch-static": "x.y.z" to package.json
• Add "jade-brunch-static": "x.y.z" to package.json
• Run npm install
• Alternatively, you may use the latest git version with:
  • "brunch-static": "git+ssh://[e-mail]:bmatcuk/brunch-static"
  • "html-brunch-static": "git+ssh://[e-mail]:bmatcuk/html-brunch-static"
  • "jade-brunch-static": "git+ssh://[e-mail]:bmatcuk/jade-brunch-static"

Configuration

Add jade-brunch-static to your list of html-brunch-static processors:

exports.config =
  ...
  plugins:
    static:
      processors: [
        require('html-brunch-static') {
          processors: [
            require('jade-brunch-static') {
              fileMatch: ...
              fileTransform: ((filename) -> ...)
              ...
            }
          ]
        }
      ]

Most options passed to jade-brunch-static are passed, verbatim, to jade, with the exception of:

• fileMatch (default: /\.static\.jade$/)

  fileMatch is an anymatch that is used to determine which files will be handled by this processor. As an anymatch, it may be a string with globs, a regex, or a function that takes a filename and returns true if it should be handled, or false otherwise. The default will match files that end in .static.jade.

• fileTransform (default: (filename) -> filename.replace(/static\.jade$/, 'html'))

  fileTransform converts the input filename into an html filename. It takes a filename as input and returns the new filename with the html extension. If you set the fileMatch property above, you'll probably need to set this option as well to ensure that your output files end with the html extension.