我怎样才能使用json文件中的sass变量？

Question

我需要在options.json文件中使用来自.sass的变量，并使用gulp来使用.twig模板。对于树枝而言，所有作品都很棒

pipe(data(function(file) {
    return JSON.parse(fs.readFileSync('app/options.json'));
}))
.pipe(twig())

但是因为有一个问题，我无法解决。

我发现了一些类似的问题，但对于Ruby版本。此gulp插件也不适合因为json文件中的链接：

• 一饮而尽，JSON-萨斯
• 一饮而尽，JSON到萨斯

我的json文件如下所示：

{
  "page": {
    "view": "mockup",
    "bg": "gradient",
    "buttons": "two"
  },
  "sass": {
    "bgOpacity": ".5",
    "bgPicture": "https://pics.freeartbackgrounds.com/midle/Street_in_Lund_Sweden_Background-1287.jpg",
    "bgColor": "$gradient-4"
  }
}

我想要做的是在sass文件中只使用部分json变量，如下所示：

$opacity: $sass-bgOpacity;

这可能吗？也许有另一种方式，我只是想从一个qazxsw poi文件主题我的整个网站（qazxsw poi模板，qazxsw poi变量）。

非常感谢你的帮助。

附：我不是很擅长英语，所以请随意纠正我。

Answer 1

你试过.twig吗？它将json文件导入到您的sass中，您可以使用sass-variables等语法访问变量。它挂钩到sass的进口商api。

这是一个例子：

style.scss

options.json

some.json

node-sass-json-importer

gulpfile.js

node-sass