Поймать опасный доступ к переменным без знака доллара - PullRequest
Новая
       14

Поймать опасный доступ к переменным без знака доллара

1 голос
/ 02 июня 2019

Я обычно объявляю свои переменные scss в верхней части моих локальных таблиц стилей, и я получаю к ним доступ в своих собственных правилах. Проблема заключается в том, что если я случайно забуду сослаться на переменную, используя обозначение знака доллара, синтаксический анализатор scss не сможет заменить переменную ее значением, что приведет к неправильным стилям CSS. Как бы банально это ни казалось, эта ошибка заняла у меня несколько часов.

Я пытался настроить stylelint расширение stylelint-config-standard, и я использую плагин stylelint-scss, однако ни один из них не может поймать такую ​​тривиальную, но опасную ошибку (или, возможно, я просто не смог найти правильное правило) . 

$translateOffset: -10px !default;
$translateTarget: 0 !default;

@keyframes pbTranslateX {
  from {
    transform: translate(translateOffset); // oops I forgot the $ sign
  }

  to {
    transform: translate($translateTarget);
  }
}

Я почти уверен, что есть выход, чтобы помочь поймать эту ошибку разработчика.

...