如何将TSX转换为JSX

Question

我有一个项目，我用TypeScript在Expo中编写了一些新代码(因为我更习惯使用类型安全的语言)。但是，我想把我写的东西移植到用JavaScript编写的Expo上。

我可以在解决问题的过程中手动剥离类型，但我想知道是否有一种更自动的方法。我知道typescript最终会编译成JavaScript，但我想在转换时保持HTML嵌入代码不变。这可能吗?

Answer 1

@Jason提供的答案接近我所需要的。

最后我运行了这个命令

npx tsc --jsx preserve -t es2020 --outDir js --noEmit false

这将在js文件夹中生成.js和.jsx文件，这些文件可以复制到非typescript系统中。

--noEmit false需要用于世博会生成的tsconfig.js，即noEmit: true

-t es2020使用ES2020标准生成输出，因此您可以获得import和export以及async和await的完整。

Answer 2

在将"jsx": "react"更改为"jsx": "preserve"，然后执行tsc.

https://www.typescriptlang.org/docs/handbook/jsx.html