react native 配置绝对路径@
warning:
这篇文章距离上次修改已过194天,其中的内容可能已经有所变动。
在React Native项目中配置绝对路径别名(@
)通常是通过修改metro.config.js
文件或者jsconfig.json
(如果是使用Create React Native App创建的项目)来实现的。
使用metro.config.js
在项目根目录下创建或修改metro.config.js
文件,添加以下配置:
const path = require('path');
module.exports = {
resolver: {
alias: {
'@': path.resolve(__dirname, 'src'),
},
sourceExts: ['jsx', 'js', 'ts', 'tsx'],
},
};
这样配置后,你就可以在项目中使用@
来代指src
目录。
使用jsconfig.json
(如果是使用Create React Native App创建的项目)
在项目根目录下创建或修改jsconfig.json
文件,添加以下配置:
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
}
}
这里的配置同样会使得@
指向src
目录。
请根据你的项目设置选择合适的配置方式。如果你使用的是TypeScript,则可能需要在tsconfig.json
中进行类似的配置。
评论已关闭