如何将TSX转换为JSX

Question

我有一个项目，在Expo中使用TypeScript编写了一些新代码（因为我更习惯于使用类型安全语言）。但是，我想将我写的内容移植到使用Expo和JavaScript编写的项目中。

我可以手动逐步去除类型以解决问题，但我想知道是否有更自动化的方法。我知道TypeScript最终会编译成JavaScript，但在进行转换时，我希望保持HTML嵌入式代码不变。这可能吗？

- Archimedes Trajano

---

只需运行 tsc 命令？ - CertainPerformance

如果仅运行“tsc”无法正常工作，请阅读此文档https://code.visualstudio.com/docs/typescript/typescript-compiling实际上，您可以将其编译为Javascript。 - Michael Bauer

如果tsc的输出太多，只需浏览tsx文件并删除TS特定语法，然后将其重命名为.jsx。 - Phix

Answer 1

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

最终我运行了这个命令。

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

这将在“js”文件夹中生成“.js”和“.jsx”文件，可复制到非TypeScript系统中。

Expo生成的tsconfig.js需要使用“--noEmit false”，因为它默认为“noEmit：true”。

使用“-t es2020”生成符合ES2020标准的输出，因此您可以获得保留“import”、“export”以及“async”和“await”的代码。

- Archimedes Trajano

---

我已经成功将 tsx 文件转换为 jsx，但无法携带 scss 文件。 - vicage

Answer 2

在tsconfig.json文件中，将"jsx": "react"更改为"jsx": "preserve"，然后运行tsc。 https://www.typescriptlang.org/docs/handbook/jsx.html

- Jason