wbpack #babel #ts-loader #react #typescript #CRA
-
CRA없이 react typescript환경 구성하기웹/react 2021. 7. 25. 17:19
리액트는 UI 기능만 제공하는 라이브러리라서 개발자가 직접 설정해야 하는 것들이 많이 있습니다. 그런데 이렇게 개발자 마음대로 설정할 수 있는 점 때문에 처음 시작하는데 많은 어려움이 있습니다. 그래서 react에서 CRA를 만들었습니다. CRA란? 리액트 프로젝트를 시작하는데 필요한 개발 환경을 세팅 해주는 툴입니다. CRA의 장점 초보자가 react에 접근하기 쉽다. webpack, babel등 세부 설정을 자동으로 해줍니다. ES6+문법, CSS 후처리같은 개발환경 자동으로 설정해줍니다. cra 단점 webpack,babel설정을 변경하기 어렵다. 작은 프로젝트를 진행할때에는 너무 파일이 무겁다 (물론 react-app-rewired나 eject를 이용해서 webpack설정을 수정할 수 있습니다.)..