如何让ReactJs与Webpack集成？

基本上，我刚刚通过，现在我想让它使用React，这样我就可以看到显示

当我有这个代码时：

module.exports = "It works from.js.";

它工作得很好。但现在我有了这个：

var React = require('react');
    var ReactDOM = require('react-dom');

var CommentBox = React.createClass({
  render: function() {
    return (
        <div className="commentBox">
          Hello, world! I am a CommentBox.
        </div>
    );
  }
});
ReactDOM.render(
    <CommentBox />,
    document.getElementById('content')
);

---

它在第9行的意外标记处抱怨是的，你是对的，你的JSX代码需要babel loader。此外，如果您在React中使用ES6语法，您还需要巴别塔核心和巴别塔预设-es2015以及巴别塔预设React npm模块。之后，将所有这些文件包含到您的webpack.config.js文件中，如下所示：

module.exports = {
  //.. some stuff before
  module: {
    loaders: [{
      test: /\.js$/,
      exclude: /node_modules/,
      loaders: ["babel"],
      query: { presets: ['es2015','react'] }
    }]
  }
  //.. another stuff

}

此外，我还为您留下了一个关于如何使用ise的教程

我希望它能帮助你

---

谢谢

您还应该提供您当前的网页配置。@zerkms它与tutorial@TheHurricane如果你想得到答案，你必须在这里提供你的配置。Stackoverflow是一个帮助开发人员解决问题的社区，而不是通过internet验证某些任意文章。