Skip to content
Lewie9021 edited this page Jan 1, 2015 · 3 revisions

There are a number of integrations for the compiler. Below is the full list of the ones currently supported:

CoffeeScript

A little language that compiles into JavaScript.

Option Description
header Prints a 'Generated by CoffeeScript {version}' comment at the top of each file.
bare Compiles without the top-level function safety wrapper.
paths Prints the original path in a comment at the top of each file.

DustJS (LinkedIn)

A templating engine designed to provide a clean separation between presentation and logic without sacrificing ease of use.

Option Description
relativePath Modifies the template name to mirror it's path relative to the target directory, swapping slashes for dashes.
paths Prints the original path in a comment at the top of each file.

Jade

Jade is a high performance template engine heavily influenced by Haml and implemented with JavaScript for node and browsers.

This plugin works similar to DustJS. However, additional code will need to be added to the Jade run-time library to execute the templates using the compiler. Templates will be added to the global jade object under it's 'templates' property. Below is the snippet of code that enables rendering of Jade templates processed by the compiler:

jade.templates = {};
jade.render = function(template, data) {
    return jade.templates[template](data);
};
Option Description
relativePath Modifies the template name to mirror it's path relative to the target directory, swapping slashes for dashes.
paths Prints the original path in a comment at the top of each file.

JavaScript

Option Description
minify Compresses the JavaScript to reduce file size.
paths Prints the original path in a comment at the top of each file.

Less

Less is a CSS pre-processor adding features that allow variables, mixins, functions and many other techniques to make CSS that is more maintainable, themable and extendable.

This plugin works similar to Sass. However, partials work differently in Less. Since the compiler can't differentiate between partials and main files, partials are required to prefix an underscore to prevent their contents from being compiled. In a later version, this may become an optional restraint.

Option Description
includePaths An array of paths to look for any @imported files.
compress Determines if the output CSS is compressed.
paths Prints the original path in a comment at the top of each file.

Sass

An extension of CSS that adds power and elegance to the basic language.

Option Description
includePaths An array of paths to look for any @imported files.
outputStyle Determines how the output CSS should be rendered. This should be either 'nested' or 'compressed'.
precision Determines how many digits after the decimal will be allowed in the rendered CSS.
paths Prints the original path in a comment at the top of each file.

Sync

Allows synchronisation of files between directories.

Clone this wiki locally