node-module-importer

Node Sass importer for npm packages

Disclaimer

This is ALPHA software.

It's messy. It's probably slow. It's probably buggy.

Give it a shot. File bugs. Be patient.

Support

• Node >= 6
• node-sass >= 4.9.0

Install

This package has a peer dependency on Node Sass for ensure import API compatibility.

1npm install @node-sass/node-module-importer node-sass

Usage

Install an npm package with the Sass files you want to import.

1npm install foundation

When Node Sass parses an @import in will try to match the first part of the URL with an installed npm package. The rest of the URL will be resolved relative to the where the package is installed.

1@import "foundation/scss/foundation.scss";

Node Sass API

1var sass = require('node-sass');
2var nodeModuleImport = require('@node-sass/node-module-importer');
3
4sass.render({
5  file: 'index.scss',
6  importer: [nodeModuleImport],
7}, function (err, result) {
8  if (err) throw err;
9  console.log(result.css.toString());
10});

Node Sass CLI

1$ node-sass index.scss --importer node_modules/@node-sass/node-module-importer/index.js

FAQ

Why is this different from adding node_modules to includePaths?

npm can install packages in nested node_modules folders i.e. node_modules/package_1/node_modules/package_2.