页面引入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文件更新了,会自动编译到res目录下,还是很方便的
2.使用babel
npm install -g babel
等待安装成功执行
babel -d res/ jsx/
PS:如果是在服务端编译的话,客户端就不需要引入JSXTransformer.js了,同时,script的type类型也应该是javascript