在读取Node中的SCSS文件时确定嵌套声明的编译类?

问题描述

我正在尝试在Node中编写样式指南编译器。在我的组件的SCSS文件中,我使用的是间距,版式等变量,每当使用这些变量之一时,都需要在style.mdx文件添加一行。假设我在组件的样式表中包含以下内容

.gallery {
  &--grey {
    background-color: $neutral-050;
  }
}

我的脚本从一个单独的包含$neutral-050的变量文件中读取时,需要能够在看到该变量时停止运行,然后弄清楚此时的编译上下文是什么(即当前&上下文变量的值)。有了这些数据后,它将把适当的描述行打印到style.mdx文件中,该文件应类似于以下内容

|------- Class --------| ----------- Property ---------| ------------ Token ---------- |
| .gallery--grey       | background-color              | `$neutral-050`                |

您将如何实现?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)