Как найти классы CSS / SCSS, которые содержат одно свойство

Question

У меня есть куча файлов SCSS. Я хотел бы найти блоки, которые содержат только одно свойство, например:

&__input {
  width: 100%;
}

Какие инструменты могут быть полезны здесь (например, некоторая библиотека NodeJS и т. Д.)?

Я создал хранилище, чтобы лучше показать, чего я хочу достичь: https://github.com/lusarz/singular-scss-block-finder

Answer 1

Вам нужно будет создать Абстрактное синтаксическое дерево (AST) для каждого файла SCSS, что позволит вам просматривать и анализировать ваш код.

Библиотека scss-parser выглядит достаточно надежной для создания AST для SCSS, хотя я никогда не использовал ее.