我是新的react ".jsx"文件，我现在可以运行dev和build测试.
我有一个关于浏览器如何运行".js"文件的问题.如果项目是build，那么浏览器正在运行".js"文件，我理解这一点，因为浏览器可以运行".js"文件.
但在dev期间，当我在浏览器的开发模式下判断应用程序源代码时，它显示在html文件中有一个".jsx"文件！
怎么可能呢？浏览器可以运行".jsx"文件吗？或者在开发模式下，开发服务器(如npm或vite)正在做一些秘密的事情？浏览器显示源代码为".jsx"，但实际上它正在运行其他文件(被npm或vite隐藏)？
How does the browser run .jsx files during development?:在开发期间，当您使用像NPM或VITE这样的开发服务器时，该服务器执行一些幕后工作.当浏览器请求.jsx文件时，开发服务器会将JSX动态编译成JavaScript，并将编译后的JavaScript发送给浏览器.因此，尽管浏览器似乎运行的是.jsx文件，但它运行的是编译后的JavaScript.
Why does the browser show .jsx in the source code?:这是由于源 map .如在https://firefox-source-docs.mozilla.org/devtools-user/debugger/how_to/use_a_source_map/index.html处所解释的，"源映射是从经变换的源映射到原始源的文件，使得浏览器能够重构原始源并在调试器中呈现重构的原始源.在您的示例中，"原始源代码"是JSX代码，"转换后的源代码"是编译后的JavaScript.