如何告诉Typescript编译器在.ts文件中编译JSX?

时间:2016-10-05 09:38:02

标签: reactjs typescript visual-studio-code

我有一些- _stop个文件,其中包含.jsx语法。我想告诉.ts编译我的这些.ts文件,比如编译.tsx文件。

是否可以配置tsc来执行此操作?

如何配置vscode以支持这些文件中JSX语法的语法高亮?

1 个答案:

答案 0 :(得分:5)

不,您必须在.tsx个文件as the docs say中包含您的反应代码:

  

为了使用JSX,你必须做两件事。

     
      
  1. 使用.tsx扩展名命名文件
  2.   
  3. 启用jsx选项
  4.   

这样做的原因是你在这个形式中输入的打字稿:

interface Point {
    x: number;
    y: number;
}

let p = <Point> {};

但在tsx个文件中,这是不可能的,因为<Point>可以是Point组件的标记。
因为在tsx文件中,无法进行转换,您需要键入assert:

let p = {} as Point;

但是常规.ts文件仍然支持转换形式,如果您在其中包含jsx代码,则会导致冲突。