react natie配置自定义路径别名

本文指导如何在React Native项目中添加TypeScript支持并配置自定义路径别名。首先,创建tsconfig.json和jest.config.js文件以启用TypeScript。接着,详细介绍了在tsconfig.json中设置自定义路径映射,以及安装和配置babel-plugin-module-resolver来实现路径别名。同时提醒在配置过程中,如遇错误,可以通过检查引入路径的完整映射进行排查。
摘要由CSDN通过智能技术生成

添加typescrip支持3

yarn add --dev typescript @types/jest @types/react @types/react-native @types/react-test-renderer

添加一个 TypeScript 配置文件。 在项目的根目录中创建一个tsconfig.json:

{
  "compilerOptions": {
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "isolatedModules": true,
    "jsx": "react",
    "lib": ["es6"],
    "moduleResolution": "node",
    "noEmit": true,
    "strict": true,
    "target": "esnext"
  },
  "exclude": [
    "node_modules",
    "babel.config.js",
    "metro.config.js",
    "jest.config.js"
  ]
}

创建一个jest.config.js文件来配置 Jest 以使用 TypeScript:

module.export
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值