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

Posted 2023-02-21

【中文标题】JSX 在纯 JavaScript 文件中工作，如何？

【英文标题】：JSX works in plain JavaScript file, how?

【发布时间】：2018-05-10 13:32:10

【问题描述】：

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

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

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

【问题讨论】：

***.com/questions/27887678/…

【参考方案1】：

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

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

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