#typescript
Вопрос:
Я новичок в этом eslintrc
деле, и я хочу знать, как я могу заставить свои файлы с .tsx
расширениями или .jsx
расширениями вызываться в PascalCase
формате.
Например, я получаю этот файл в своем проекте: src/pages/my_component.tsx
.
Мне нужно MyComponent.tsx
вместо my_component.tsx
Как я могу это сделать?
Это содержимое моего файла .eslintrc.js
/* eslint-env node */
module.exports = {
root: true,
env: {
node: true,
},
parser: '@typescript-eslint/parser',
plugins: ['@typescript-eslint', 'prettier', 'json', 'jest'],
extends: [
'eslint:recommended',
'plugin:prettier/recommended',
'plugin:jest/recommended',
'plugin:@typescript-eslint/eslint-recommended',
'plugin:@typescript-eslint/recommended',
],
rules: {
'linebreak-style': ['error', 'unix'],
quotes: ['error', 'single'],
},
};
Ответ №1:
Используйте «eslint-плагин-unicorn/имя файла-регистр»: https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/filename-case.md
Пример
"unicorn/filename-case": [
"error",
{
"case": "pascalCase"
}
]
Комментарии:
1. Спасибо! Должен ли я поместить этот фрагмент кода в файл .eslint после установки этого пакета? как настроить PascalCase для моих файлов .tsx и .jsx?