Compile riot tags with Sass styles using @import

_variables.scss

$color: red;

compile.js

const compiler = require('riot-compiler');
const fs = require('fs');

const tagFile = './example.tag';
const outFile = './example.js';
const options = {};

fs.readFile(tagFile, (err, source) => {
  if (err) {
    throw err;
  }
  const js = compiler.compile(source.toString(), options, tagFile);
  fs.writeFile(outFile, js);
});

example.js

// This is the compiled output
riot.tag2('example', '<p>This is an example tag.</p>', 'example p,[riot-tag="example"] p,[data-is="example"] p{ color: red; }', '', function(opts) {
});

example.tag

<example>
  <p>This is an example tag.</p>

  <style type="text/scss" scoped>
    @import 'variables';
    p {
      color: $color;
    }
  </style>
</example>