Is babel support planned?

[sweethuman]

I use Expo with React Native and it uses babel and I was just wondering if support for babel was planned to be added in the future?

An article of how to manually set it up is here if you want to use it for reference: https://zohaib.me/using-path-aliases-in-react-native-typescript-created-with-expo/

[davestewart]

Funny you should say that!

I started writing a plugin for babel / react native just a couple of weeks ago.

Let me check your article and compare it against what I have right now, then I'll publish.

Thanks for the issue :)

[davestewart]

Meanwhile – this isn't checked against your article, but – does this work?

const { toObject } = require('../../utils')

// @see https://webpack.js.org/configuration/resolve/#resolvealias
function callback (name, config) {
  name = name.replace('*', '(.*)')
  const path = config.paths[0].replace('/*', '/\\1')
  return {
    name,
    path,
  }
}

module.exports = function (config, options) {
  return toObject(callback, config, options)
}

[davestewart]

OK, I've been battling with React Native the last few days to get this working, and it seems I finally have 😅

It seems the way that aliases can be written in tsconfig and the the way babel module resolver handles regexp paths can be just different enough that module resolution fails, but I think I've got it now.

Will hopefully publish something in the next day or so

[davestewart]

@sweethuman - OK, Babel support added!

• https://github.com/davestewart/alias-hq/blob/main/docs/integrations.md#react-native--metro

I've tested it in a local React Native project and it seems to work OK.

It seems the only issue is that Metro's extra node modules configuration can be a little weird with Babel.

I don't yet know if this is a Babel or Metro issue. If you can shed any light on the topic I'll be all ears!

Let me know how this update works, anyway.

[sweethuman]

Thanks so much, never expected this to happen so soon. I haven't dealt with react native and aliases in so long, but I owe you one because I have to deal with something similar again! <3

[davestewart]

Great! Keep me in the loop