A PostCSS plugin to parse styles with node-sass


stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
213Mar 8, 2021Jul 11, 2017Minified + gzip package size for @datorama/postcss-node-sass in KB


PostCSS Node Sass PostCSS Logo

NPM Version Build Status BGitter Chat

A PostCSS plugin to parse styles with node-sass


npm install postcss-node-sass


After installation, you can process Sass via PostCSS like this


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', () => {
            /* postcss plugins before parsing sass */
            /* postcss plugins after parsing sass */

/* rest of gulp file */


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.