Package Exports

rollup-plugin-sass

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rollup-plugin-sass) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

rollup-plugin-sass

Installation

npm install rollup-plugin-sass -D

Usage

import { rollup } from 'rollup';
import sass from 'rollup-plugin-sass';

rollup({
    entry: 'main.js',
    plugins: [
        sass()
    ]
}).then(...)

Options

`output`

Type: Boolean|String|Function (default: false)

sass({
    // Default behaviour disable output
    output: false,

    // Write all styles to the bundle destination where .js is replaced by .css
    output: true,

    // Filename to write all styles
    output: 'bundle.css',

    // Callback that will be called ongenerate with two arguments:
    // - styles: the concatentated styles in order of imported
    // - styleNodes: an array of style objects:
    //   [
    //     { id: './style1.scss', content: 'body { color: red };' },
    //     { id: './style2.scss', content: 'body { color: green };' }
    //   ]
    output(styles, styleNodes) {
        writeFileSync('bundle.css', styles);
    }
});

`insert`

Type: Boolean (default: false)

If you specify true, the plugin will insert compiled CSS into <head/> tag.

`processor`

Type: Function (default: null)

If you specify a function as processor which will be called with compiled css before generate phase.

import sass from 'rollup-plugin-sass'
import autoprefixer from 'autoprefixer'
import postcss from 'postcss'

sass({
    // Processor will be called with two arguments:
    // - style: the compiled css
    // - id: import id
    processor: css => postcss([autoprefixer])
        .process(css)
        .then(result => result.css)
});

`options`

Type: Object (default: null)

Options for node-sass.