Я видел несколько проектов, использующих import '@someDir/something', который решает проблему относительного импорта.
Затем я обнаружил, что этот Сообщение блога говорит об этом методе. По сути, он говорит вам создать package.json в каталогах и указать их псевдонимы.
Я реализовал его в своем проекте, основанном на expo, и он хорошо работает.
Что-то вроде этого:
{"name": "@someDir"}
внутри src/someDir/package.json.
А import '@someDir/something' могу везде.
Почему это работает? Где творится волшебство? Webpack или babel или сам react-native?
Я видел, как вопрос обсуждает эту функцию, но не знаю, где она реализована.
Мой .babelrc:
{
"presets": ["babel-preset-expo"],
"env": {
"development": {
"plugins": ["transform-react-jsx-source"]
}
}
}
Он покопался в зависимостях babel, но не нашел ничего связанного.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Похоже, это часть metro, сборщика javascript для реакции native.
https://www.belighted.com/blog/react-and-react-native-directories-management