20220623 TIL

eslint

eslint 공유 설정 적용하는 과정에서 위와 같은 에러가 뜨며 적용이 안되는 현상이 있었다.

해당 공유 설정의 이슈 항목을 살펴본 결과, CRA 로 만들어진 프로젝트는 이 설정을 적용시킬 수 없음을 깨달았다. CRA 없이 프로젝트를 만들 것이다.

CRA 없이 React 프로젝트 setting

링크 참조

React + typescript 프로젝트를 webpack으로 생성해 주었다.
여러 글을 읽고 가장 최신+이해가 용이한 글을 가져왔다.

etc

• React 17버전에서는 new JSX transform을 지원한다.
  이를 적용하면 import React from 'react' 를 모든 파일마다 일일이 작성하지 않아도 된다.

tsconfig.js 
"compilerOptions": {
	"jsx": "react-jsx"
}

• module.css파일을 import 해오지 못하는 오류

링크 참조

읽어보니 typescript는 ts, tsx 이외에 알수없는 파일 접미사가 있으면 에러를 낸다고 한다.

그러므로 webpack config에 다른 유형의 파일을 가져올 설정이 있다면, typescript 컴파일러에게 이러한 유형이 있다고 알려야 한다고 한다!