代码之家  ›  专栏  ›  技术社区  ›  Dan

告诉react native使用app.tsx而不是app.js

  •  0
  • Dan  · 技术社区  · 6 年前

    我用typescript构建了一个项目,但是 index.js 文件正在引用 App.js 而不是 App.tsx .

    如何设置我的项目以便使用typescript文件(app.tsx)而不是app.js?

    这是我的项目结构:

    enter image description here

    这是用脚手架搭成的 react-native init X --template typescript

    1 回复  |  直到 6 年前
        1
  •  0
  •   dentemm    6 年前

    可以添加相关的文件夹结构吗?

    我建议您创建一个单独的源文件夹,其中包含所有.ts(x)文件,包括app.tsx甚至index.ts您将所有这些文件编译为一个生成文件夹,这意味着您的index.js也将位于该文件夹中,而不再位于项目根目录中。

    然后调整android和ios文件夹中的build.gradle和appdelegate.m以引用build/index.js而不是index.js。不要忘记更新任何同时引用index.js的package.json脚本(比如构建脚本)。

    我认为让所有的js与ts严格分离更有意义。