Question

基本上，我刚刚通过this simple tutorial，现在我想让它使用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')
);

并且它在unexpected token <的9号线抱怨，我需要一个合适的装载机。有谁知道这个装载机可能是什么？

感谢

Answer 1

是的，你是对的，你需要 babel-loader 来获取你的JSX代码。另外，如果你在React中使用ES6语法，你还需要 babel-core＆amp; babel-preset-es2015＆amp; babel-preset-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

}

我也为你留下link，教程如何使用ise。

我希望它会对你有所帮助。

由于

如何让ReactJs与Webpack集成？

1 个答案: