source

create-react-app을 TypeScript와 함께 사용할 수 있습니다.

manycodes 2023. 3. 22. 21:42
반응형

create-react-app을 TypeScript와 함께 사용할 수 있습니다.

TypeScript를 사용할 수 있습니까?create-react-app만약 그렇다면 어떻게 하시겠습니까?

다음과 같이 할 수 있습니다.

create-react-app my-app --scripts-version=react-scripts-ts

https://github.com/wmonk/create-react-app-typescript 를 참조해 주세요.

이 경우 이젝트할 필요가 없습니다.

방법은 다음과 같습니다.

# update create-react-app first
npm update -g create-react-app 
create-react-app my-app --typescript

Create React App v2.1.0은 TypeScript를 지원하므로 더 이상 이젝트하거나react-scripts-ts포크

또는 기존 앱에 TypeScript를 추가할 수 있습니다.

yarn add typescript @types/node @types/react @types/react-dom @types/jest
# or
npm install --save typescript @types/node @types/react @types/react-dom @types/jest  

그런 다음 이름을 바꿉니다..js파일링하다.tsxTypeScript 사용을 시작합니다.

앱을 실행하면 tsconfig.json이 생성됩니다.일부 옵션을 제외하고 tsconfig.json을 편집할 수 있습니다.

크레딧:

[1] 빈센트 답변

[2] 이행 리액트 앱 타입 작성 스크립트 투고

Typescript는 지금 바로 사용할 수 있습니다.create-react-app 버전 2.1!

다음과 같이 사용할 수 있습니다. npx create-react-app@next app-name --scripts-version=2.0.6-next.c662dfb0 --typescript

에 대한 최신 정보를 제공합니다.create-react-app --typescript깃발

이전 버전에서는 새로운 프로젝트를 생성하기 위해create-react-app우리는 사용했다typescript아래와 같은 깃발

npx create-react-app my-app --typescript

근데 이거typescript플래그는 다음 메이저릴리즈에서 삭제됩니다.create-react-app에서 설명한 바와 같이create-react-app --help

  --typescript (this option will be removed in favor of templates in the next major release of create-react-app)

따라서 새로운 솔루션은 여기에 기재된 템플릿을 사용하는 것입니다.

예:

npx create-react-app my-app --template typescript

create-react-app의 github 문제에 기능 요청을 올렸더니 다음과 같은 응답이 있었습니다.

안녕하세요! 아직 TypeScript를 검토할 준비가 되지 않았습니다(업데이트에 대해서는 #142 참조).플로우 통합(유형 안전을 위한 첫 번째 옵션으로 제안)은 아직 완료되지 않았습니다.

게다가, 지금 정말 흥미로운 일들이 벌어지고 있어요.babel/babilon #320 및 babel/babilon #444를 참조하십시오.TypeScript는 곧 Babilon(및 Babel에 의해 컴파일됨)에 의해 해석될 수 있습니다.Microsoft는 이러한 상황에 관심을 가지고 있으며, WIP에 대해서도 노력하고 있습니다.

이 고려사항은 아마 몇 달 후에나 가능할 것이다.미안!

우리가 추천하지 않았지만, TypeScript를 지원하는 CRA의 포크가 있습니다.도움이 되지 않으면 지원을 제공할 수 없지만 지원해야 합니다.

레비토의 대답과 어떻게 맞설지 모르겠다.

다음은 github 문제에 대한 링크입니다.

https://github.com/facebookincubator/create-react-app/issues/1998#issuecomment-295311100

Create React App에는 Facebook의 공식 형식 템플릿을 사용할 수 있습니다.

하다

npx create-react-app my-app --template typescript

또는

yarn create react-app my-app --template typescript

또한 이 스타터를 사용하여 앱을 만들 수 있습니다(https://github.com/vtereshyn/react-typescript-eslint-starter)

Create-React-App을 사용하지 않으므로 완전히 사용자 지정 및 변경이 가능합니다.create-react-app을 사용하면 추가가 어려울 수 있기 때문에...

언급URL : https://stackoverflow.com/questions/43477347/can-create-react-app-be-used-with-typescript

반응형