Say good-bye to all the mess with relative paths on your Sass files.
You can now import your Sass/SCSS modules by referencing to the module name, like this:
Just for comparison, look at this mess:
Assuming that the external library you are installing fits under one of those categories:
- Set a SCSS/Sass/CSS file on the "main" field of their package.json/bower.json
- Set a SCSS/Sass/CSS file on the "style" field of their package.json/bower.json
- Have a
index.cssfile on the root of their module
Even if it doesn't, npm will resolve the paths if you have installed it via npm, so you can do things like this:
This tool it will also inline CSS files for you, since Sass cannot import plain CSS files yet. So if the dependency you are using exports a CSS file, it will work too.
npm install sass-modules-importer --save-dev
use the importer with
You can pass any option supported by node-resolve directly, like this:
npm test to run the tests.
If you discover a bug, please raise an issue on Github. https://github.com/TrigenSoftware/sass-modules-importer/issues
The source code and the test are written in ES6 (ECMAScript 2015).
Buble is being used to compile to ES5 before the package is published to npm.