JSX 在纯 JavaScript 文件中工作，如何？

Question

我有最新版本的 VsCode，我正在按照教程创建一个基本的 next.js 应用程序

我注意到本教程在 .JS 文件中使用 JSX，我的编辑器并没有抱怨 JSX。

这怎么可能？ VsCode 默认识别 .JS 文件中的 JSX 吗？并且 next.js 会自动编译 JSX 吗？

Answer 1

是的，VS Code 在 *.js 和 *.jsx 文件中都支持 JSX。这只会影响智能感知和其他编辑器功能。我们不提供任何内置编译器集成，但您可以轻松设置自己的 with tasks 或使用命令行

在幕后，在 *.js 文件中启用 jsx 的原因是我们创建了一个隐式的 jsconfig.json，如下所示：

{
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs",
        "jsx": "preserve"
    },
    "exclude": [
        "node_modules",
        "**/node_modules/*"
    ]
}