Как изменить файл css при помощи node js?

Question

[bloh_creator]

Доброго времени суток. Появился вопрос связанный с изменением css файла при помощи node js. Сейчас ведется разработка при помощи компонентов. React в связке с популярными либами и встал вопрос о изменение шрифта в компоненте к примеру. Должен быть компонент который принимает в себя некий коэффициент на который умножаются все стили которые прикреплены к данному компоненту. Стили подключаются как модули ( пример ->"import styles from './styles.module.css'" ) в компонент и нужна возможность пересобирать этот css. По сути в голове есть что-то типа, взять css распарсить его как-то, найти ключевые слова по которым можно вытащить свойство, перемножить его на коэффициент и засунуть обратно в файл. Есть какие-то идеи по этому поводу? Предположения ? Уже готовые варианты ? Буду рад помощи.

Comments

[Aetae]

Для работы с css само собой есть готовые варианты. Скорее всего у вас уже неявно подключён postcss.

Answer 1

[Rsa97]

Попробуйте переменные CSS.

body {
  --font-multiplier: 1.2;
}

h1 {
  font-size: calc(var(--font-multiplier) * 2em);
}

h2 {
  font-size: calc(var(--font-multiplier) * 1em);
}

Comments

[bloh_creator]

Нужно производить изменения при помощи js.

[Rsa97]

bloh_creator, Так вам достаточно поменять одну строчку с переменной, остальные размеры пересчитаются автоматически на клиенте (естественно, после обновления страницы и загрузки новой версии CSS-файла).

[Shamhaner]

Переменную задай