broccoli-postcss

broccoli-postcss

The broccoli-postcss plugin runs your css through postcss plugins of your choosing.

Installation

npm install --save-dev broccoli-postcss

Usage

var compileCSS = require('broccoli-postcss');

var outputTree = compileCSS(inputTrees, inputFile, outputFile, plugins, map);

• inputTrees: An array of trees that specify the directories used by Broccoli. If you have a single tree, pass [tree].
• inputFile: Relative path of the main CSS file to process.
• outputFile Relative path of the output CSS file.
• plugins An array of plugin objects to be used by Postcss (a minimum of 1 plugin is required). The supported object format is module: the plugin module itself, and options: an object of supported options for the given plugin.
• map An object of options to describe how Postcss should handle source maps.

Example

/* Brocfile.js */
var compileCSS = require('broccoli-postcss');
var cssnext = require('cssnext');

var plugins = [
    {
        module: cssnext,
        options: {
            browsers: ['last 2 version']
        }
    },
];

var outputTree = compileCSS(['styles'], 'app.css', 'app.css', plugins, map);
module.exports = outputTree;

Changelog

2.1.0

• Writes a source map file when map property is present