Расширение Stylelint не проверяет директивы Tailwind CSS @apply в VS CodeCSS

Разбираемся в CSS
Ответить
Anonymous
 Расширение Stylelint не проверяет директивы Tailwind CSS @apply в VS Code

Сообщение Anonymous »

Я использую Tailwind CSS с PostCSS и пытаюсь настроить расширение Stylelint VS Code для проверки моих CSS-файлов.
Несмотря на то, что stylelint-config-tailwindcss установлен и настроен, линтер не помечает ошибки, когда я использую недопустимые классы Tailwind в директиве @apply.
Проблема:

Если я напишу следующее в CSS-файле, Stylelint не выдаст предупреждений или ошибок, даже если что-то не так не является допустимой утилитой Tailwind:

Код: Выделить всё

/* No errors shown in editor */
.something {
@apply something-wrong-with-lint;
}
Моя среда:
  • Структура проекта: У меня есть stylelint.config.js в корне, но я также пытался определить правила в файле settings.json VS Code.
  • Расширение: Stylelint (официально)
  • Версия Tailwind: [Введите свою версию, например, v3.4 или v4.0]
Мой

Код: Выделить всё

settings.json
конфигурация:[/b]

Код: Выделить всё

{
"stylelint.validate": [
"css",
"postcss",
"tailwindcss"
],
"stylelint.config": {
"extends": [
"stylelint-config-standard",
"stylelint-config-tailwindcss"
],
"rules": {
"import-notation": "string",
"color-function-alias-notation": "with-alpha",
"media-feature-range-notation": "prefix",
"declaration-property-value-keyword-no-deprecated": [
true, { "ignoreKeywords": ["break-word"] }
],
"value-keyword-case": [
"lower", { "ignoreKeywords": ["/^fontSize\\./", "/^currentColor$/"] }
],
"custom-property-pattern": "^([a-z][a-z0-9]*)((-|--|__)[a-z0-9]+)*$",
"selector-class-pattern": "^([a-z][a-z0-9]*)((-|--|__)[a-z0-9]+)*$"
}
}
}
Что я пробовал:
  • Установка stylelint-config-standard и stylelint-config-tailwindcss в качестве зависимостей разработчика.
  • Добавление postcss и Tailwindcss в stylelint.validate.
  • Перезапуск узла расширения кода VS.
Вопросы:
  • Почему расширение Stylelint игнорирует недопустимые служебные классы внутри @apply?
  • Блокируется ли stylelint.config settings.json переопределяет мой локальный stylelint.config.js, или мне следует удалить его, чтобы избежать конфликтов?
  • Требуются ли определенные настройки синтаксиса PostCSS, чтобы Stylelint правильно распознавал директивы Tailwind в 2025 году?
    И даже моя панель вывода кода VS не отображает никаких ошибок.


Подробнее здесь: https://stackoverflow.com/questions/798 ... in-vs-code
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»