Configuring for babel.config.js

Question

我对 Expo 和 React Native 比较陌生。在导入模块时一直面临使用绝对路径的问题。正在阅读如何实现此插件，但我无法正确使用它，因为它只有.babelrc的说明。我几乎做了在不同线程上找到的所有内容，但我仍然无法正确使用它。在我的世博项目中，我也没有任何.babelrc文件，而是babel.config.js文件。

我正在尝试为.babelrc转换此代码：

{
  "presets": ["babel-preset-expo"],
  "env": {
    "development": {
      "plugins": [
        "transform-react-jsx-source",
        ["module-resolver", {
          "root": ["./src"]
        }]
      ]
    }
  }
}

对此babel.config.js：

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
  };
};

谢谢

Answer 1

检查配置：

.babelrc

{
  "extends": "./babel.config.js"
}

babel.config.js

module.exports = (api) => {
  api.cache(true)
  return {
    "env": {
      "development": {
        "plugins": [
          "transform-react-jsx-source",
          ["module-resolver", {
            "root": ["./src"]
          }]
        ]
      }
    },
    presets: ['babel-preset-expo']
  }
}