jsx编译成JavaScript

页面引入react之后再引入JSXTransformer可以在客户端对jsx组件编译,但是占用客户端资源,会造成网页加载速度变慢,所以通常做法是在服务器端将jsx编译成js文件,客户端直接调用
1.使用react­-tools
通过npm安装react-tools

npm install -g react-­tools

通过cmd进入项目根目录执行watch命令

jsx --watch jsx/ res/

jsx路径下存放的是jsx文件,编译后的js存放到res路径下


jsx编译成JavaScript_第1张图片

当jsx文件更新了,会自动编译到res目录下,还是很方便的


jsx编译成JavaScript_第2张图片

2.使用babel

npm install -g babel

等待安装成功执行

babel -d res/ jsx/

PS:如果是在服务端编译的话,客户端就不需要引入JSXTransformer.js了,同时,script的type类型也应该是javascript

你可能感兴趣的:(jsx编译成JavaScript)