Configuring for babel.config.js

Question

I'm relatively new to Expo and React Native. Have been facing problems in using absolute paths while importing the modules. Was reading on how to implement this plugin but I am unable to use it properly since it has only instructions for .babelrc. I did almost everything found on different threads regarding this but still, I am unable to use it properly. In my expo project, I also do not have any .babelrc file instead I have babel.config.js file.

I am trying to convert this code for .babelrc:

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

To this for babel.config.js:

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

Thanks

jdnichollsc · Accepted Answer · 2019-03-27 05:59:02Z

3

Check the configuration:

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

answered Mar 27, 2019 at 5:59

jdnichollsc

1,5791 gold badge24 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

AlvinfromDiaspar Over a year ago

Where should .babelrc and babel.config.js files be located? And does babel.config.js need to be referenced/linked anywhere?

jdnichollsc Over a year ago

Usually in the root of your project, for more details check the official documentation babeljs.io/docs/en/config-files

Collectives™ on Stack Overflow

Configuring for babel.config.js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related