react-native使用babel-plugin-root-import注意事项

我们在`react-native`中使用`babel-plugin-root-import`，一般是`yarn add babel-plugin-root-import@6.6.0`，然后在`.babelrc`配置：

{
  "plugins": [
    [
      "babel-plugin-root-import",
      {
        "rootPathPrefix": "@", 
        "rootPathSuffix": "src/"
      }
    ]
  ]
}

但是我们需要注意，不能在`rootPathPrefix`中设置为`@`，这样很容易跟第三方的依赖产生冲突，比如`import { NavigationContainer } from '@react-navigation/native';`。`'@react-navigation/native'`应该是从`node_modules`中引入，但是这个时候将会从`src`中引入，所以我们需要配置为：

{
  "plugins": [
    [
      "babel-plugin-root-import",
      {
        "rootPathPrefix": "@src", // 不能用@,因为和其他依赖库产生了冲突
        "rootPathSuffix": "src/"
      }
    ]
  ]
}