Как я могу заставить свой проект typescript (.eslintrc) проверить, что мои файлы .tsx имеют режим PascalCase?

#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?