[ react-native ] 상대경로 path 지정

babel에 있는 라이브러리를 모두 yarn으로 추가해준다.

babel.config.js 입력 사항

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    ['@babel/plugin-transform-flow-strip-types'],
    [
      "@babel/plugin-proposal-decorators",
      {
        "legacy": true
      }
    ],
    [
      "@babel/plugin-proposal-class-properties",
      {
        "loose": true
      }
    ]
  ]
};

metro.config.js

/**
 * Metro configuration for React Native
 * https://github.com/facebook/react-native
 *
 * @format
 */

module.exports = {
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: false,
      },
    }),
  },
};

tsconfig.json

 "paths": {
      "@test/*": [
        "./src/test/*"
      ],

src폴더 하위에 있는 폴더들에 path 경로를 지정해줄 별도의 배포 이름을 지어준다.

필히 경로를 지정해주는 각 폴더 하위에 package.json 파일을 생성 후, name을 작성해주어야 import 가능.

• package.json 파일 생성 후 아래의 코드를 입력해준다.
• src/test/* 경로 예시

  {
  "name":"@test"
  }

import 예시

import Test from '@test/test';