1. 초기 설정(Initial Setting)

참고(Reference) : https://github.com/react-community/create-react-native-app

create-react-native-app my-app

2. babel-plugin-module-resolver 설치(Install babel-plugin-module-resolver)

npm install babel-plugin-module-resolver -D

3. .babelrc 수정(Edit .babelrc)

"plugins": [
  [
    "module-resolver",
    {
      "root": ["./src"],
      "extensions": [".js", ".ios.js", ".android.js"]
    }
  ]
]

캐시를 비우고 다시 시작한다.(Empty the cache and restart)

npm start --reset-cache

root 에 원하는 경로를 넣으면 된다. 아래 예제에서는 src를 root 로 설정했다.
(Input the path in root. In the following example, set src to root)

4. 예제 코드(Example Code)

만약 /src/component/MyComponent를 import 하려면 아래와 같이 작성한다.
(If you import from /src/component/MyComponent type below code)

import MyComponent from "components/MyComponent";

5. 참고(Reference)

  • https://github.com/react-community/create-react-native-app
  • https://github.com/tleunen/babel-plugin-module-resolver/blob/master/DOCS.md#usage-with-react-native

[한국어, EN] React Native import 환경 설정(import setting)

* [1. 프로젝트 구조(Project Structure)](#1-프로젝트-구조project-structure)* [2. 동작 안하는 예제(Not work example)](#2-동작-안하는-예제not-work-example)* [3. 동작 하는...… Continue reading