React-Native

设置路径别名支持IDE跳转联想

• yarn add -D babel-plugin-root-import
• babel.config.js 添加 plugins

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      'babel-plugin-root-import',
      {
        paths: [
          {
            rootPathPrefix: '~',
            rootPathSuffix: 'src',
          },
        ],
      },
    ],
  ],
};

• 在项目根目录下添加jsconfig.json

{
  "compilerOptions": {
    "jsx": "react-native",
    "allowSyntheticDefaultImports": false,
    "experimentalDecorators": true,
    "baseUrl": ".",
    "paths": {
      "~/*": ["src/*"]
    }
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

• 在项目中愉快的使用

import env from '~/constants/env';

配置多环境