React-native - 절대경로

장산·2024년 6월 22일
0

React-Native

목록 보기
10/10

절대경로 설정하는법

1. npm install --save-dev babel-plugin-module-resolver or

yarn add --dev babel-plugin-module-resolver를 해준다

2. tsconfig.json 에

"compilerOptions": {
   "baseUrl": ".",
   "paths": {
     "@/*": ["src/*"]
   }
 }

를 추가해준다

3.babel.config.js에

plugins: [
    'react-native-reanimated/plugin',
    [
      //절대경로 만드는법 yarn add --dev babel-plugin-module-resolver
      'module-resolver',
      {
        alias: {
          '@': './src',
        },
      },
    ],
  ],

추가해준다

4.이후 import에 앞에 ../ 나 ../../를 없애고 @/로 교체해준다

5.교체해도 잘못된경로라고 하면 IDE를 껏다가 재실행시켜주면 적용이 되어있다

React도 적용 가능하다

profile
신입 개발자

0개의 댓글