Hãy xem xét một ví dụ: import Module from '../../../Module' Giờ có thể được đơn giản hóa thành như sau: import Module from 'components/Module' import Module from '@components/Module' import { Module } from '@components' CÀI ĐẶT Cài đặt thư viện:yarn add --dev babel-plugin-module-resolver Cấu hình Sau khi cài đặt plugin, chúng ta cần cập nhật babel.config.js (bạn cũng có thể sử dụng .babelrc) và thêm 'module-Resolutionver' vào danh sách các plugin babel. module.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: [ [ 'module-resolver', { root: ['.'], extensions: ['.ts', '.tsx', '.js', '.jsx', 'json'], alias: { '@src': './src', }, }, ], ], }; root: thư mục chính, thường gọi 'app' hoặc 'src'. extensions mở rộng kiểu dữ liệu alias là từ viết tắt thay đường dẫn Nếu sử dụng typescript thì thêm đoạn sau vào file tsconfig.json { ... "compilerOptions": { ... "baseUrl": ".", "paths": { "@src/*":["./src/*"] }, ... } }