.tsx未转换为.jsx

Question

我的.tsx文件未转换为.jsx和.js

我正在使用visual studio代码。保存.tsx文件时不会转换为.jsx文件。我需要为此安装任何插件吗？

下面是我的tsconfig.json

＆＃13;

＆＃13;

{
  "compileOnSave": true,
  "compilerOptions": {
    "outDir": "build/dist",
    "module": "esnext",
    "target": "es5",
    "lib": ["es6", "dom"],
    "sourceMap": true,
    "allowJs": true,
    "jsx": "react",
    "moduleResolution": "node",
    "rootDir": "src",
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "suppressImplicitAnyIndexErrors": true,
    "noUnusedLocals": true
  },
  "exclude": [
    "node_modules",
    "build",
    "scripts",
    "acceptance-tests",
    "webpack",
    "jest",
    "src/setupTests.ts"
  ]
}

＆＃13;

＆＃13;

＆＃13;

Answer 1

如果您的文件转换为.js而您想要.jsx，那就是因为TypeScript正在将TS代码转换为实际的JS代码，根据需要注入React节点。那是因为

"jsx": "react"

您的档案中的财产。

如果您想保留React语法并将其输出为.jsx，请执行

"jsx": "preserve"

正如in the handbook所述。