Как настроить tsconfig для react?

Пользователь

от kennedi_pfeffer , в категории: JavaScript , 2 года назад

Как настроить tsconfig для react?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от kenya , 2 года назад

@kennedi_pfeffer 

Пользователь

от adrien.waters , год назад

@kennedi_pfeffer 

Для настройки tsconfig для React, вам необходимо выполнить следующие шаги:

  1. Создайте файл с именем tsconfig.json в корневой папке вашего проекта.
  2. Откройте файл tsconfig.json и добавьте следующий код:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext",
      "es6"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react"
  },
  "include": [
    "src"
  ]
}


В этом примере используется конфигурация, оптимизированная для работы с React. Однако, в зависимости от вашего проекта, вы можете добавить или изменить опции.

  1. Сохраните файл tsconfig.json.


Теперь ваш файл tsconfig настроен для работы с React.