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文件更新了,会自动编译到res目录下,还是很方便的


2.使用babel

npm install -g babel

等待安装成功执行

babel -d res/ jsx/

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,360评论 25 709
  • react+redux+webpack+babel+npm+shell+git这方面的内容我会随时更新,更新内容放...
    liangklfang阅读 673评论 0 1
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,735评论 7 110
  • 一些事情,已经离开我渐行渐远, 如今我变成了一只蚂蚁, 孑孑孓孓,渺渺茫茫, 不敢再回忆从前树的形象, 在某个节日...
    桑乾水阅读 272评论 3 3
  • 是神马? 是一个访问系统资源 和 进行应用级别操作的 抽象接口,简称上下文 有什么用&怎么用? 创建新对象:new...
    XP_Aaron阅读 2,620评论 0 3