sass-npm-import support import npm ,support it webpack loader use ~
npm install sass-npm-importSimple importer for node-sass to import npm and bower modules.
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:
``sass
@import "sass-easing";
`
And it is support use like webpack loader
`sass
@import "~sass-easing";
`
Just for comparison, look at this mess:
`sass
@import "node_modules/sass-easing/_easings.scss";
`How-to
`sh`
npm install sass-npm-import --save-dev
`js
var sass = require('node-sass');
var moduleImporter = require('sass-npm-import');
sass.render({
file: './source/css/app.scss',
importer: moduleImporter()
}, cb);
`
`js
var gulp = require('gulp');
var sass = require('gulp-sass');
var moduleImporter = require('sass-npm-import');
gulp.task('style', function() {
return gulp.src('./source/css/app.scss')
.pipe(sass({ importer: moduleImporter() }))
.pipe(gulp.dest('./public/css'));
});
`
js
importer({ prefix: '~',extensions: ['.scss', '.sass', '.css']});
`Tests
Use npm test` to run the tests.