Узел SASS с использованием импортера

Question

Я хотел бы скомпилировать файлы SCSS с помощью импортеров.

Мой код, который не работает:

var sassFilesMatchPatterns = [ 
 
    'styles/default/components/badge/_settings.scss', 
 
    'styles/default/components/badge/_badge.scss' 
 
] 
 

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

 
sassFilesMatchPatterns.forEach(function (file) { 
 
    sass.render({ 
 
    file: file 
 
    }, function(err, result) { 
 
    if (err) { 
 
     console.log(err + '\r\n' + JSON.stringify(result) + file); 
 
    } 
 
    }); 
 
});

// _badge.scss 
 

 
.badge { 
 
    background-color: $badge-bg; 
 
    color: text-contrast($badge-bg); 
 
    padding: 0 15px; 
 
    line-height: $badge-height; 
 
    height: $badge-height; 
 
    border-radius: 10px; 
 
    display: inline-block; 
 
    box-shadow: 0 0 5px gray; 
 
} 
 

 

 
// _settings.scss 
 

 
$black: #000; 
 
$white: #fff; 
 
$badge-bg: $main-color; 
 
$badge-height: 22px;

Издание:

Error: Undefined variable: "$badge-bg". nullstyles/default/components/badge/_badge.scss

Answer 1

Вы должны actaually использовать летящего "@import setitings" в верхней части badges.scss Я ссылаюсь на переменные из этого