1. 程式人生 > >jsx編譯成js

jsx編譯成js

-- 完整 otc tps 瀏覽器 批量 out eset 一個

對於一個只想使用一下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>

jsx編譯成js