用于在反应组件名称上验证pascal大小写的Eslint规则(仅适用于.tsx扩展名)

问题描述 投票:0回答:2

我正在尝试使用Eslint在我的React组件上强制执行PascalCase。我查看了所有可以找到的现有插件/规则,这是我的问题:

我正在使用Typescript(.tsx扩展名),因此react / jsx-pascal-case不适合我。对于不是组件的文件,我确实希望允许使用kebab-case,所以我只想过滤掉扩展名为.tsx的文件。

TL; DR-像Eslint规则一样强制执行PascalCase,但仅适用于以.tsx结尾的文件。谢谢!

reactjs typescript eslint pascalcasing
2个回答
0
投票

您可以在eslint设置中考虑使用typescript-eslint扩展名。

然后,您可以参考naming-convention规则,这将使您可以对组件执行Pascal大小写。


0
投票

看起来我需要的是eslint-plugin-filenames插件,它是"filenames/match-exported"规则。这不会强制使用pascal大小写调用实际的组件,但是可以使用@wentjun的答案来强制执行]

© www.soinside.com 2019 - 2024. All rights reserved.