react native绝对路径的配置

最新推荐文章于 2024-01-10 16:29:53 发布

小猫没有鱼

最新推荐文章于 2024-01-10 16:29:53 发布

阅读量1.4k

点赞数

分类专栏：日常开发文章

本文链接：https://blog.csdn.net/qq_44041514/article/details/113483005

版权

日常开发文章专栏收录该内容

3 篇文章 0 订阅

订阅专栏

react native中想要用过‘@/…’的写法写绝对路径需要第三方插件：babel-plugin-module-resolver
1、安装插件

yarn add babel-plugin-module-resolver

2、配置babel.config.js

plugin: [
    'module-resolver',
    {
      root: ['./src'], // 从哪个文件开始设置绝对路径
      alias: {
        '@/utils': './src/utils', // 别名
      },
    },
  ],

3、在tsconfig.json中加入一下节点

"baseUrl": "./src",                   
    "paths": {
      "@/assets/*": ["assets/*"],
      "@/components/*": ["components/*"],
      "@/config/*": ["config/*"],
      "@/models/*": ["models/*"],
      "@/navigator/*": ["navigator/*"],
      "@/pages/*": ["pages/*"],
      "@/utils/*": ["utils/*"]
    },