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

Я хочу скомпилировать файлы 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


person tonymx227    schedule 18.11.2016    source источник


Ответы (1)


На самом деле вам нужно использовать "@import setitings" в верхней части badges.scss. Вы ссылаетесь на переменные из него.

person nschonni    schedule 18.11.2016
comment
Я хочу импортировать _settings.scss, используя мой скрипт NodeJS, а не SASS. - person tonymx227; 21.11.2016