react native 配置绝对路径@
warning:
这篇文章距离上次修改已过440天,其中的内容可能已经有所变动。
在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中进行类似的配置。
评论已关闭