如何配置stylelint仅校验CSS和SCSS文件？

你遇到的问题是Stylelint默认会扫描项目内绝大多数文件，导致一堆非样式文件抛出无关的语法错误。这里有几个实用的解决办法，帮你精准控制它的校验范围：

方法1：完善.stylelintignore忽略列表 #

最直接的方式是把所有不需要校验的文件/类型都加入忽略列表。根据你给出的CLI错误输出，把这些额外的文件类型补充进去：

node_modules
bin
obj
*.js
*.map
# 新增需要忽略的文件类型
*.cshtml
*.log
*.json
*.cs
*.md
*.csproj
*.csproj.user
*.sln

这样Stylelint就会自动跳过这些文件，只处理剩余的样式文件。

方法2：在.stylelintrc里明确指定要校验的文件 #

更主动的方式是在配置文件中用files选项直接定义需要校验的文件路径，从根源上限定Stylelint的扫描范围：

更新你的.stylelintrc配置：

{
  "extends": "stylelint-config-recommended",
  "files": ["**/*.css", "**/*.scss"]
}

这个配置会告诉Stylelint只处理项目中所有子目录下的.css和.scss文件，彻底避免扫描其他类型文件。

方法3：命令行运行时指定目标文件 #

如果只是临时需要限定校验范围，可以在运行Stylelint命令时直接传入文件匹配规则：

stylelint "**/*.css" "**/*.scss"

这种方式适合单次运行的场景，不需要修改任何配置文件。

小建议 #

优先推荐方法2，它能清晰定义Stylelint的职责范围，后续维护起来也更直观。如果还有个别特殊文件需要忽略，再结合方法1补充即可。

内容的提问来源于stack exchange，提问作者goofballLogic