Как исправить ошибки css stylelint, вызванные sass / scss

Question

Я использую Sass (s css) в качестве препроцессора css для моего проекта. Но когда я запускаю stylelint для файлов .css, скомпилированных с помощью sass, он возвращает очень много ошибок, которые нельзя исправить непосредственно в файлах .css, потому что эти файлы скомпилированы с помощью sass. Все, что вы измените, будет потеряно после того, как sass перекомпилирует файлы css.

Я использовал различные параметры sass linting, такие как sass-lint и sass-lint-auto-fix, но эти опции, хотя и полезные, не устранили проблемы в .css files.

stylelint также продолжает помечать различные sass @ -rules, такие как @mixin и @include, как неожиданные и неизвестные правила.

Любые предложения или мысли приветствуются. Спасибо.

Answer 1

Но когда я запускаю stylelint для файлов .css, скомпилированных sass, он возвращает очень много ошибок, которые вы не можете исправить непосредственно в .css

Линтер поддерживает CSS -подобные синтаксисы, такие как S CSS, Sass, Less и SugarSS, а также извлечение встроенных стилей из литералов HTML, markdown и CSS -in- JS объекта и шаблона.

You следует запускать stylelint для ваших файлов с исходным кодом S CSS, не для ваших скомпилированных CSS файлов:

stylelint "**/*.scss"

stylelint также помечает различные sass @ -rules, например @mixin и @include как неожиданные и неизвестные at-rules.

Правила, встроенные в stylelint, ориентированы на стандарт CSS. Правила @mixin и @includes at являются нестандартными, поскольку они являются частью S CSS, а не CSS, поэтому они помечены как неизвестные. Однако, плагин stylelint-s css содержит правила, определяющие синтаксис, подобный c - S CSS и S CSS. Вы можете использовать его, расширяя stylelint-config-рекомендуемый-s css Sharable конфигурации в вашем .stylelintrc.json файле конфигурации :

{
  "extends": ["stylelint-config-recommended-scss"],
  "rules": {}
}