تنظيف المسار المطلق React Native

قم بتحميل بلجن module-resolver لـ Babel:

yarn add --dev babel-plugin-module-resolver

وبداخل ملف الـ configurations في tsconfig.json، قم بضبط المسارات هكذا:

{
	"compilerOptions": {
		"paths": {
			"@app/*": ["app/*/index", "app/*"]
		}
	}
}

والآن، سنستخدم الـ plugin الذي قمنا بتحميله:

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      require.resolve('babel-plugin-module-resolver'),
      {
        cwd: 'babelrc',
        extensions: ['.ts', '.tsx', '.js', '.ios.js', '.android.js'],
        alias: {
          '@app': './app'
        }
      }
    ],
    'jest-hoist'
  ]
};

بعدها، قم بعمل restart للـ IDE، وستجد نفسك قادراً على استعمال المسارات بهذا الشكل:

import constants from '@app/constants';