webpack如何打包jsx文件？

Question

有个index.jsx文件，内容为:
var LikeButton = React.createClass({
getInitialState: function() {

return {liked: false};

},
handleClick: function(event) {

this.setState({liked: !this.state.liked});

},
render: function() {

var text = this.state.liked ? 'liked' : 'haven\'t liked';
return (
  <p onClick={this.handleClick}>
    You {text} this. Click to toggle.
  </p>
);

}
});

ReactDOM.render(
<LikeButton />,
document.getElementById('example')
);
我如何把这个文件用webpack打包？

Answer 1

现在一般是用babel来处理jsx了吧