使用 webpack 将 JSON 变量从分层文件导入 SASS答案

【问题标题】：Import JSON variable from hierarchical file into SASS with webpack使用 webpack 将 JSON 变量从分层文件导入 SASS
【发布时间】：2021-05-20 15:28:56
【问题描述】：

当文件为“平面”时，我使用 node-sass-json-importer 将 JSON 变量值导入 SASS：

{
  "var1": 47
}

没有问题。我的 webpack.config.js 没问题。

但是当我使用“分层”JSON 文件时：

{
  "part1": {
    "var1": 12,
    "var2": 31,
  }
}

我无法做到这一点。在 scss 文件中：

$aaa: $part1 输出 sass 错误：(var1: 47, var2: 31) 不是有效的 CSS 值
$aaa: $part1.var1 期望在 "$aaa: $part1" 之后有一个表达式
等等...

我完全理解这个问题。但我想知道是否有 sass 语法来获取 var1
感谢您的帮助。

【问题讨论】：

标签： webpack sass

【解决方案1】：

我终于找到了解决办法：$aaa: map-get($part1, var1);

【讨论】：