如何设置browserify？

Question

我安装了模块（browserify、react、reactify），并尝试使用browserify处理jsx文件。

var React = require("react");
var App = React.createClass({
    render: function () {
        return <h1>111</h1>
    }
});
React.render(
    <App/>,
    document.body
)

C:\dev\React。js

错在哪里？

Answer 1

您的错误是试图将JSX加载到browserfy编译器中的结果。

明确地：

return <h1>111</h1>

和

<App/>,

您需要在解析链中包含reactify：https://www.npmjs.com/package/reactify然后您的CLI命令看起来有点像这样：browserify-t reactify应用程序。js-o构建。js

作为一个做了很多反应的人，你应该考虑使用巴别塔和网络包。他们提供了大量额外的开发工具，我认为更容易扩展，但这只是一个人的观点。