Как правильно настроить Stylelint для работы с файлами Sass?

  • 21 августа 2023 г. 11:06
Ответы на вопрос 1
Для настройки Stylelint для файлов с расширением .sass вам нужно внести следующие изменения в ваш файл конфигурации .stylelintrc:

1. Замените `stylelint-config-standard-scss` на `stylelint-config-sass-guidelines`. `stylelint-config-standard-scss` не учитывает синтаксис .sass, поэтому вам нужно использовать специальную конфигурацию для SASS.

2. Установите `stylelint-sass` плагин. Этот плагин позволяет Stylelint правильно интерпретировать синтаксис .sass.

3. Добавьте следующий блок в раздел "plugins", чтобы подключить плагин `stylelint-sass`:

```
"plugins": [
  "stylelint-order",
  "stylelint-scss",
  "stylelint-sass"
],
```

4. Добавьте расширение `.sass` в раздел "overrides", чтобы Stylelint распознавал файлы с таким расширением:

```
"overrides": [
  {
    "files": "*.sass",
    "syntax": "sass"
  }
],
```

5. Убедитесь, что у вас установлены все необходимые пакеты. Запустите следующую команду, чтобы установить плагин `stylelint-sass`:

```
npm install --save-dev stylelint-sass
```

После внесения этих изменений Stylelint будет работать с файлами с расширением .sass, учитывая их синтаксис и не ругаясь на отсутствие точек с запятыми в конце правил и фигурных скобок.
Похожие вопросы