React jsx转换成原生JavaScript的一个例子

154 阅读1分钟

jsx代码:

var React = require('react');
var ReactDOM = require('react-dom');
var MyButtonController = require('./components/MyButtonController');

ReactDOM.render(
  <MyButtonController/>,
  document.querySelector('#example')
);

转换后的原生JavaScript代码:

第19717行的__webpack_require__(1), 其中__webpack_require__对应了jsx里的require,1代表react module,即加载的第一个module:

module 160:加载161,162:

161代表EventEmitter,

162代表object.assign实现:

对应原生JavaScript代码里声明的require(‘events’)和require(‘object-assign’):

要获取更多Jerry的原创文章,请关注公众号"汪子熙":