Преобразование Sass String (не SCSS) в CSS Строка

Question

Мне нужно собрать SASS и SCSS Струны для CSS Струны для проекта. Поэтому я использую узел узла узла. Преобразование SCSS работает отлично, но SASS этого не делает.

Пример кода для SASS:

'use strict'; 

var sass = require('node-sass'); 

var dataTemp = 'body{background:blue; a{color:black;}}'; 

var output = sass.renderSync({ 
    data: dataTemp 
}); 

console.log(output.css.toString()); 

Проблема возникает, когда я пытаюсь преобразовать что-то вроде этого, который должен быть действителен синтаксис .sass

'use strict'; 

var sass = require('node-sass'); 

var dataTemp = '.red\n color: red'; 

var output = sass.renderSync({ 
    data: dataTemp 
}); 

console.log(output.css.toString()); 

Консоль вывода:

Error: Invalid CSS after ".": expected 1 selector or at-rule, was ".red color: red " 

Так что, очевидно, узел-сасс не может скомпилировать код .sass. Синтаксис node-sass:

var result = sass.renderSync({ 
    data: scss_content 
    [, options..] 
}); 

Внутри объекта вы можете определить параметры и даже функции. Может быть, есть способ скомпилировать данные в такой функции?

Любые другие решения или рекомендации по другим пакетам?

Answer 1

Ну, добавив опцию с именем 'indentedSyntax' и установив его в 'true', node-sass также может компилировать код .sass. Извините, вы должны были прочитать документацию более точно. Спасибо за помощь!

'use strict'; 

var sass = require('node-sass'); 

var dataTemp = '.red\n color: red'; 

var output = sass.renderSync({ 
    data: dataTemp, 
    indentedSyntax: true, 
    outputStyle : 'compressed' 
}); 

console.log(output.css.toString()); 

Log: ".red {цвет: красный}"

Answer 2

Ваш SCSS недопустим - вы должны предоставить {} вокруг свойств:

'use strict'; 

var sass = require('node-sass'); 

var dataTemp = '.red {color: red}'; 

var output = sass.renderSync({ 
    data: dataTemp 
}); 

console.log(output.css.toString()); 

Вы можете подтвердить свой SASS/SCSS с помощью онлайн-инструмента, как SassMeister