對於一個只想使用一下react批量渲染的后端程序員來說,配置完整的編譯環境可以沒有必要,最好一條命令搞定。jsx其實就是js的語法糖,需要用編譯工具編譯下。
方法首先安裝node.js,里面默認帶了npm的包管理。
//命令行中全局安裝
npm install --save-dev babel-cli babel-preset-react -g
//執行命令
babel 目錄或文件 --presets react --out-file 目標文件
如:babel .\test.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>