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

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

от elian.swift , в категории: JavaScript , 7 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от fidel , 5 месяцев назад

@elian.swift 

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

  1. Установите jsx параметр в "react":
1
2
3
4
5
6
{
  "compilerOptions": {
    "jsx": "react",
    // остальные настройки
  }
}


  1. Если вы используете .tsx файлы, установите параметр esModuleInterop в true:
1
2
3
4
5
6
7
{
  "compilerOptions": {
    "jsx": "react",
    "esModuleInterop": true,
    // остальные настройки
  }
}


  1. Если вы используете import для импорта стилей и изображений, добавьте "node" в moduleResolution:
1
2
3
4
5
6
7
8
{
  "compilerOptions": {
    "jsx": "react",
    "esModuleInterop": true,
    "moduleResolution": "node",
    // остальные настройки
  }
}


  1. Если вы используете Babel для сборки проекта, установите allowJs параметр в true:
1
2
3
4
5
6
7
8
9
{
  "compilerOptions": {
    "jsx": "react",
    "esModuleInterop": true,
    "moduleResolution": "node",
    "allowJs": true,
    // остальные настройки
  }
}


  1. Добавьте include параметр, чтобы указать, какие файлы должны быть включены в сборку:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
{
  "compilerOptions": {
    "jsx": "react",
    "esModuleInterop": true,
    "moduleResolution": "node",
    "allowJs": true,
    // остальные настройки
  },
  "include": ["src/**/*"]
}


Это основные настройки, которые обычно используются в tsconfig для проекта React. Вы можете настроить tsconfig в соответствии со своими потребностями и требованиями проекта.