web-ridge/postcss-node-sass

A PostCSS plugin to parse styles with node-sass

PostCSS Node Sass

A PostCSS plugin to parse styles with node-sass

Installation

npm install postcss-node-sass

Usage

After installation, you can process Sass via PostCSS like this

postcss([require('postcss-node-sass')]).process(yourCSS);

or using Gulp a typical gulpfile might look like:

let gulp = require('gulp'),
    postcss = require('gulp-postcss'),
    sass = require('postcss-node-sass');
gulp.task('css', () => {
    gulp.src('path/to/dev/css')
        .pipe(postcss([
            /* postcss plugins before parsing sass */
            sass()
            /* postcss plugins after parsing sass */
        ]))
        .pipe(gulp.dest('path/to/build/css'));
});

/* rest of gulp file */

Options

The Node Sass options can be passed in to this plugin except for data, file, importer, omitSourceMapUrl, outFile, sourceMap, sourceMapContents as these are handled by the plugin. Furthermore, by default the processor will use outputStyle:'expanded' and indentWidth:4.