jsx编译成js

Posted 2021-01-16 xunluyaoyao

对于一个只想使用一下react批量渲染的后端程序员来说，配置完整的编译环境可以没有必要，最好一条命令搞定。jsx其实就是js的语法糖，需要用编译工具编译下。

方法首先安装node.js，里面默认带了npm的包管理。

//命令行中全局安装

 npm install --save-dev babel-cli babel-preset-react -g

//执行命令

babel 目录或文件 --presets react --out-file 目标文件

如：babel . est.jsx --presets react --out-file test.js

//转换完毕收工

当然也可以通过这种浏览器编译的方式，不过不是很推荐，控制台也会打出警告

<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
<script type="text/babel" src="jsx/test.jsx"></script>