sass-module-resolve-importer

Import Sass modules using (enhanced) Node resolve.

This allows you to load Sass modules which are installed through npm and are located in node_modules.

Resolver will look for modules using following package.json fields:

exports.sass
exports.style
exports.browser
exports.import
exports.require
exports.node
style
browser
module
main

⚠️ If found module is CSS file (has .css extension) and contains @import directives, it will be processed with PostCSS and postcss-import plugin (postcss-import-sync2 for synchronous mode). This is intentional since imports in classic CSS files can be handled in various ways, and Sass has rules for importing CSS and plain CSS @imports. You can avoid this behavior by using classic @import url(…).

Install

npm install sass-module-resolve-importer --save

Usage

import sass from 'sass';
import resolver from 'sass-module-resolve-importer';

sass.render({
    // …
    importer: [resolver()]
});

API

resolver()

Returns: sass.Importer

Sass importer function.

resolver().sync

Returns: sass.Importer

Synchronous Sass importer function.

JSPM