Что я делаю не так с npm susy и grunt?

Я пытаюсь скомпилировать свои файлы scss, используя susy, node-sass, grunt-sass. Я добавил все эти зависимости, используя npm install. Я добавляю настройку для grunt, например

sass: {
      options: {
        implementation: sass,
        sourceMap: true
      },
      dist: {
        options: {
          style: 'expanded',
          require: 'susy'
        },
        files: {
          'app/crossbrand_us/styleguide/css/shared.css': 'app/sass/xb/widgets/advertised-offers/wdgt-advertised-offers-vehicle.scss'
        }
      }
    },
@import "wdgt-advertised-offers-shared";
@import "node_modules/susy/sass/susy";
$wdgt-advertised-offers-vehicle-selector: ".wdgt-advertised-offers-vehicle";

#{$wdgt-advertised-offers-vehicle-selector} {
    @include pad(1%);
 }

но это выдает ошибку

Fatal error: no mixin named pad

Как это исправить?


person Subhendu Kundu    schedule 08.03.2019    source источник


Ответы (1)


последние версии Susy (3.x) не содержат миксинов. Чтобы использовать старые примеси, вам придется перейти на версию Susy 2.x (последняя версия — 2.2.14). Или ознакомьтесь с документацией, чтобы начать работу с Susy 3.

Я не уверен, есть ли какие-либо другие проблемы в настройке…

person Miriam Suzanne    schedule 08.03.2019
comment
Да, это было так. Я пытался изменить старый проект с помощью nodejs, я понизил его до 2.2.12, как это делает gem install susy. И начало катиться. :) - person Subhendu Kundu; 08.03.2019
comment
рад это слышать! - person Miriam Suzanne; 08.03.2019