codelambs

React + TypeScript + Vite

Этот шаблон обеспечивает минимальную настройку, чтобы заставить реагировать работу в Vite с HMR и некоторыми правилами Eslint.

В настоящее время доступны два официальных плагина:

• @vitejs/plagin-react использует Babel для быстрого обновления
• @vitejs/plagin-react-swc использует SWC для быстрого обновления

Расширение конфигурации Eslint

Если вы разрабатываете производственное приложение, мы рекомендуем обновить конфигурацию, чтобы включить правила LINT с актуальностью типа:

• Настройте свойство parserOptions Top Level Parseroptions, подобную следующему:

   parserOptions : {
    ecmaVersion : 'latest' ,
    sourceType : 'module' ,
    project : [ './tsconfig.json' , './tsconfig.node.json' ] ,
    tsconfigRootDir : __dirname ,
   } ,

• Замените plugin:@typescript-eslint/recommended plugin:@typescript-eslint/recommended-type-checked или plugin:@typescript-eslint/strict-type-checked
• При желании добавить plugin:@typescript-eslint/stylistic-type-checked
• Установите Eslint-Plugin-React и добавьте plugin:react/recommended и plugin:react/jsx-runtime в список extends