为 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']
  }
}