Как я могу передать динамически сгенерированный CSS в Sass?

Question

У меня есть кусок динамически сгенерированного CSS Я хотел бы включить в таблицу стилей Sass, отображаемую с помощью sass.renderSync. Как я могу предоставить CSS для Sass таким образом, чтобы он затем выводился на выходе? Из-за того, как вызывается Sass, я не могу записать какие-либо изменения на диск, поэтому я не могу добавить CSS в основной файл Sass или создать новый файл Sass для включения.

Вот упрощенный пример того, что я пытаюсь сделать:

app. js

const css = ".main { font-family: sans-serif; }";
const generatedCss = sass.renderSync({ file: "styles/index.scss" });

styles / index.s css

body { margin: 0; }
// I want to include `css` here

Answer 1

вы можете добавить динамику c css к файлу, который вы передаете перед выполнением sass.renderSync

const fs = require('fs')
const sass = require('node-sass')

const css = '.main { font-family: sans-serif; }'
fs.appendFile('styles/index.scss', css, (err) => {
  if (err) throw err
  const generatedCss = sass.renderSync({ file: "styles/index.scss" });
})