为什么stylelint的ignoreFiles配置中需要忽略.js文件?
stylelint为什么需要手动配置忽略.js文件
stylelint默认不会主动忽略.js类文件,是为了覆盖更多使用场景做的设计取舍,核心原因如下:
- 适配CSS-in-JS的校验需求:现在大量项目使用styled-components、Emotion等CSS-in-JS方案,也有很多开发者会在JSX/TSX、Vue单文件组件中写模板字符串样式、内联样式,stylelint可以通过对应拓展插件直接扫描.js/.jsx/.ts/.tsx文件中的样式代码做规范校验,如果官方默认忽略这类文件,反而会给这类场景的用户带来额外的配置成本。
- 避免全局扫描的无效开销:很多开发者执行stylelint时习惯使用
stylelint **/*这类全局匹配规则,如果你没有启用CSS-in-JS相关的lint插件,又没配置忽略.js文件,stylelint会默认扫描所有.js文件,不仅浪费执行性能,还可能抛出无意义的语法解析错误。
如果你的项目完全没有使用CSS-in-JS方案,所有样式都独立存放在.css/.less/.scss等专用样式文件中,就可以直接添加如下配置减少不必要的扫描:
{ "ignoreFiles": ["**/*.js"] }
内容的提问来源于stack exchange,提问作者Lin Du
相关产品推荐
相关产品推荐

