How to pass variables to sass from json file using gulp collector?

Question

JSON

This is how I do with variables in json + twig (wish something like this)

"page": {
    "view": "mockup",
    "bg": "gradient",
    "buttons": "two"
  },

gulp.task('twig', function() {
  return gulp.src('app/**/*.twig').
      pipe(data(function(file) {
        return JSON.parse(fs.readFileSync('app/options.json'));
      })).
      pipe(twig()).
      pipe(gulp.dest('public'));
});

and use

{% include "layouts/contents/" ~ page.view ~ ".twig" %}

Answer 1

In case anyone stumbles, here is the solution from my own stackoverflow question.