如果我在一个TypeScript 3项目中使用Vue.js，我的代码会被转换两次吗？

Question

无论是TypeScript、Vue还是Node生态系统，我都不是很有经验。

我使用Vue 3和TypeScript创建了一个使用Vue CLI创建的工作设置，与vue create生成项目和配置的方式大致相同。如果我正确理解它，Babel将在我的"browserslist"中引用package.json配置，并添加多填充/重写代码来处理遗留浏览器。TypeScript编译器也有--target和--lib选项，这些选项似乎具有类似的功能。

我在Vue项目中编写的TypeScript代码是否被转换了两次，首先是TypeScript编译器，然后是Babel？如果是的话，是否有办法避免这种冗余？

编辑添加:我刚刚创建了一个带有上述设置的新的空白项目，并被问到我是否想“与TypeScript一起使用Babel (现代模式所需的，自动检测的填充，转换JSX)”。我没有在Vue中使用JSX，但是谁能拒绝“现代模式”，不管它是什么。

Answer 1

我知道这很古老，但是对于任何发现这个的人来说，

TypeScript可以由babel或类型记录编译器转换，通常使用babel的项目也会用babel转换类型记录。在这种情况下，类型记录编译器将只处理类型文件(.d.ts)。

即使您正在使用类型记录编译器来转换ts代码，并再次使用babel转换(这不是通常的设置)，它仍然非常好。

因此，您的代码很可能不会被转换两次。