[React Native] React Native 프로젝트에서 .jsx 사용하기

 

 

React Native 프로젝트에서 .jsx 사용하기

 

 

 

  최근 React 프로젝트를 진행하면서 파일 형식을 .jsx로 하다 보니 새 React Native 프로젝트에서 .jsx으로 파일을 생성하니 Error가 터져나왔습니다. 파일 자체를 인식하지 못한다는 메세지를 보고 혹시 jsx 형식 자체가 인식이 되지 않을까 하는 생각에 구글링을 하던 중 찾게 된 jsx 설정 방법입니다.

 

RN > 0.59 일 경우

  프로젝트의 Root level에 metro.config.js에서 설정합니다.

 

metro.config.js

  * 제가 세팅한 RN version은 0.62.2여서 위와 같은 세팅을 진행했습니다.

 

 

 

 

RN < 0.57

  프로젝트의 Root에 rn-cli.config.js라는 파일을 추가하고 아래 코드를 입력합니다.

rn-cli.config.js

 

 

 

RN > 0.57

  프로젝트의 Root에 rn-cli.config.js라는 파일을 추가하고 아래 코드를 입력합니다.

 

 

 

  이제 위와 같은 방식으로 .jsx 파일 형식을 사용할 수 있게 되었습니다!

 

 

 

 

Ref : https://stackoverflow.com/questions/50311473/how-to-allow-react-native-to-enable-support-for-jsx-extension-files