react native 절대경로 설정하기

폴더와 파일들이 많아질수록 임포트 경로가 복잡해지기 때문에 절대 경로를 설정해주겠다.

 

플러그인을 하나 설치해주어야 한다.

yarn add -D babel-plugin-module-resolver

 

그리고 babel-config.js 파일로 가서 plugins 부분을 수정

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    'react-native-reanimated/plugin',
    [
      'module-resolver',
      {
        alias: {
          '@': './src',
        },
      },
    ],
  ],
};

 

alias는 꼭 @로 할 필요는 없고 물결표나 다른 원하는 기호로 해도 무방

 

 

그 다음은 tsconfing.json을 수정해야 한다.

{
  "extends": "@tsconfig/react-native/tsconfig.json",
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

 

이제 기기를 실행하고 경로를 변경하면 끗!

 

 

깔끔!

 

 

 

 

 

 

 

그러나......

오류가 등장 .....

해결 중입니다요