Ранее я использовал Stylelint с модулями CSS и решениями SASS, CSS -in- JS, но я никогда специально не использовал его для анализа файлов .modules.scss
. Похоже, что он отказывается выявлять проблемы внутри filename.module.scss
файлов.
Немного больше информации:
- Я использую VSCode
- У меня есть приложение, загруженное из create-реагировать-приложение и извлечены
- У меня есть
.stylelintrc.json
файл конфигурации в root моего приложения со следующей конфигурацией:
{
"plugins": ["stylelint-scss"],
"extends": ["stylelint-config-standard-scss"],
"rules": {
"indentation": 2,
"string-quotes": "single",
"color-hex-case": "lower",
"color-hex-length": "long",
"color-named": "always-where-possible",
"selector-max-id": 0,
"selector-max-combinators": 0,
"selector-combinator-space-after": "always",
"selector-attribute-quotes": "always",
"declaration-block-trailing-semicolon": "always",
"declaration-no-important": true,
"declaration-colon-space-before": "never",
"declaration-colon-space-after": "always",
"property-no-vendor-prefix": true,
"value-no-vendor-prefix": true,
"number-leading-zero": "always",
"function-url-quotes": "always",
"function-url-scheme-blacklist": "never",
"font-weight-notation": "numeric",
"comment-whitespace-inside": "always",
"at-rule-no-vendor-prefix": true,
"rule-empty-line-before": "always",
"selector-no-vendor-prefix": true,
"selector-max-universal": 0,
"selector-max-type": 0,
"media-feature-parentheses-space-inside": "always",
"media-feature-name-no-vendor-prefix": true
}
}
Внутри моего приложения У меня следующая структура:
src /
index.ts
common/
ui-components/
ComponentName/
ComponentName.ts
ComponentName.module.scss
[...]
styles/
globalstyles.scss
[...]
внутри папки styles / ... s css все проверки работают, stylelint проверяет на ошибки отлично, но не внутри ...module.scss
Я перепрошивал, но не смог найти какой-либо специальный плагин для модулей s css. Можете ли вы помочь мне?