[javascript] Parcel에서 모바일 앱을 위한 React Native를 사용하는 방법은?
-
React Native 프로젝트 설정: 첫째, 터미널에서 새 React Native 프로젝트를 만듭니다. 다음 명령어를 실행하세요:
npx react-native init MyApp
이 명령어는 MyApp이라는 새로운 React Native 프로젝트를 생성합니다.
-
Parcel 설치: 둘째, 프로젝트 폴더로 이동하고 Parcel을 설치합니다. 다음 명령어를 실행하세요:
npm install --save-dev parcel-bundler
-
Parcel 설정: 셋째, 프로젝트의 루트 폴더에
.parcelrc
라는 파일을 생성하고 다음 내용을 추가합니다:{ "extends": "react-native" }
이 설정은 Parcel에게 React Native 프로젝트에서 사용할 플러그인 및 구성을 알려줍니다.
-
번들링: 넷째, 터미널에서 다음 명령어를 실행하여 React Native 앱을 번들링합니다:
npx parcel index.js
이 명령어는
index.js
파일을 기준으로 앱을 번들링하고, 번들된 파일을 생성합니다. -
실행: 마지막으로, 번들된 파일을 실행하여 앱을 실행합니다. React Native 앱을 실행하려면 다음 명령어를 사용하세요:
npx react-native run-android
이 명령어는 앱을 Android 에뮬레이터나 실제 Android 장치에 설치하고 실행합니다.
이제 Parcel을 사용하여 React Native 앱을 개발할 준비가 되었습니다. 이를 통해 효율적이고 간편한 개발 경험을 즐길 수 있습니다.
참고 문서: