Dynamic imports for Node-Sass using Sassport
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
src
test
.babelrc
.gitignore
LICENSE
README.md
package.json

README.md

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