1.安装babel-plugin-module-resolver
yarn add --dev babel-plugin-module-resolver
2.配置babel.config.js
module.exports = {
presets: ['module:metro-react-native-babel-preset'],
plugins: [
[
'module-resolver',
{
root: ['./src'],
extensions: ['.ios.js', '.android.js', '.js', '.ts', '.tsx', '.json'],
alias: {
'@utils': './src/utils/',
'@views': './src/views/',
'@images': './src/images/',
},
},
],
],
};
3.配置tsconfig.json
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@utils/*": ["src/utils/*"],
"@views/*": ["src/views/*"],
"@images/*": ["src/images/*"],
}
}
}