Javascript NPM节点如何处理JSX文件？_Javascript_Node.js_Reactjs_Npm

Javascript NPM节点如何处理JSX文件？

javascript node.js reactjs npm

Javascript NPM节点如何处理JSX文件？,javascript,node.js,reactjs,npm,Javascript,Node.js,Reactjs,Npm,我是个反应新手，所以请放轻松。在学习react教程时，我发现react使用JSX，这些文件由NPM（Node.JS）检测和编译。以下命令在“www”文件夹上创建一个监视 npx babel --watch www --out-dir . --presets react-app/prod 所以我试着把一个JS文件“like_button.JS”放到我的“www”文件夹中。NPM命令行工具在输出以下内容时检测： www\like_button.js -> like_button.js 但

我是个反应新手，所以请放轻松。在学习react教程时，我发现react使用JSX，这些文件由NPM（Node.JS）检测和编译。以下命令在“www”文件夹上创建一个监视

npx babel --watch www --out-dir . --presets react-app/prod

所以我试着把一个JS文件“like_button.JS”放到我的“www”文件夹中。NPM命令行工具在输出以下内容时检测：

www\like_button.js -> like_button.js

但什么也没发生。我以为它会把它编译成别的东西？我在这里期望什么？

取决于您的监视配置，它可能只查找JSX文件（即扩展名为

.JSX

的文件）。他们实际上没有在文件中查找JSX。这就是为什么如果文件中有JSX，即使您可以将其命名为

.js

，也应该将其命名为

.JSX

。始终使用正确的文件扩展名。