@datorama/postcss-node-sass

A PostCSS plugin to parse styles with node-sass

Stats

StarsIssuesVersionUpdatedCreatedSize
@datorama/postcss-node-sass
2141.0.22 years ago3 years agoMinified + gzip package size for @datorama/postcss-node-sass in KB

Readme

PostCSS Node Sass PostCSS Logo

NPM Version Build Status BGitter Chat

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.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.