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

Question

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

我注意到教程在 .JS 文件中使用了 JSX，我的编辑器没有提示 JSX。

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

Answer 1

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

在幕后，我们创建隐式 jsconfig.json 的 *.js 文件中启用 jsx 的原因看起来像:

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