Awesome
Sassport Dynamic Imports
Import dynamically in Sass using Sassport.
Quick Start
First, install Sassport and the Sassport-Dynamic module via NPM:
npm install sassport sassport-dynamic --save
Then, add any global $variables
that you want to use in your imports to Sassport using .globals({...})
:
var sassport = require('sassport');
var sassportDynamic = require('sassport-dynamic');
sassport([ sassportDynamic ])
.globals({
'$theme': 'material'
})
.render({
file: 'main.scss'
}, function(err, result) {
// output result
});
Any variables that you defined in .globals()
will now be interpolated with the !dynamic
loader:
// main.scss
@import 'themes/#{$theme} !dynamic';
This will output the same result as if you had @import 'themes/material';
.