Получить сырые таблицы стилей в виде строки в JS?

Question

Я хочу импортировать sass в формате js в виде строки. Без использования узла. Есть ли способ получить содержимое в scss / sass / css как переменную?

Я пробовал с getComputedStyles, но это только показывает действительные свойства. Есть ли "хакерский" способ прочитать это?

Answer 1

Немного сложно понять ваши требования, я полагаю, вы хотели бы импортировать SASS и использовать его в качестве CSS - поэтому вам нужно будет действовать по-своему с правилами, которые вы импортируете?

Вы действительно можете редактировать таблицы стилей и с помощью некоторого умного кода - вы можете создавать живой или новый CSS на лету:

Вот пример с этой страницы:

document.styleSheets[3].rules[0].cssText
".wmd-snippet-button span { background-position: 0px 0px; }"

Поэтому вы можете перебирать и читать все реализованные CSS или создавать новые узлы

styleSheets в массиве CSSStyleSheet экземпляров.

https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet