Home

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';.