React Native配置TypeScript

引入TypeScript

yarn add tslib @types/react @types/react-native
yarn add --dev react-native-typescript-transformer typescript

我们借助这个react-native-typescript-transformer库进行转换

配置tsconfig.json

{
  "compilerOptions": {
    "importHelpers": true,
    "target": "es2015",
    "jsx": "react",
    "noEmit": true,
    "moduleResolution": "node",
  },
  "exclude": [
    "node_modules",
  ],
}

配置rn-li.config.js

module.exports = {
  getTransformModulePath() {
    return require.resolve('react-native-typescript-transformer');
  },
  getSourceExts() {
    return ['ts', 'tsx'];
  }
}

接下来便可以在工程中自由的使用ts/tsx来编写TypeScript代码。