关于reactjs和其UI库的疑惑

Question

最近在研究 reactjs， 看到好多基于 reactjs 的 UI库，比如 material-ui 是效果比较好的，但尝试了一下发现总是不成功（我是用apache做的http服务器），难道一定要用 nodejs 做http服务器才行？也就是说这些界面库必须运行在nodejs的环境下？

Answer 1

没法登陆啊

Answer 2

国内现在貌似我还没找到大规模应用reactjs的网站，我发给我自己的案例吧：
http://erp.yhzp.co/，登录账号：zjk，密码：123123。

Answer 3

感谢指点迷津！请问有打包发布的资料可供参考吗？百度了没发现相关信息

Answer 4

回复
已添加关于工具方面的说明 _(:з」∠)_

Answer 5

打包输出之后随便用什么服务器……

你也许看的是关于服务端渲染的资料，React 这样的是可以直接打包让后在客户端渲染的（不依赖后端类型）。

比如最近我用 Material UI 写的这个，就是跑在 Github Pages 上面的：

http://frantic1048.github.io/mangekyou

回复 @dcteris : 为了在浏览器上呈现，准确说来是有两个步骤：

一个是编译：将 JSX （或者你用了 ES6 的特性的话也需要这一步）编译到被浏览器广泛支持的 ES5 的代码。

第二个是进行模块绑定：因为浏览器不识得这些模块（通常是编译成 ES5 的 CommonJS 规范实现的模块，这并不是浏览器支持的东西），不知道怎么去加载他们，模块绑定就是根据模块之间的依赖关系，将其“合并”到单个或者几个 JS 文件，让程序能直接被浏览器执行。

第一个编译的步骤可以直接交给 Babel（http://babeljs.io/） 搞定。

第二个步骤的话，目前推荐用 webpack（http://webpack.github.io/）做比较方便。

再之就是用 Gulp （http://gulpjs.com/）控制那两个工具去处理源代码和输出了，总体上是这么个流程。

细节的比如 uglify，sourcemap 之类的事情都可以通过上述工具便捷地完成。剩下的就是去看上述工具的文档啦～他们的文档都有和另两者配合使用的时候的详细描述呢～

（具体实施上，对 Gulp 稍有了解不嫌弃的话可参考 Mangekyou 的 gulpfile （https://github.com/frantic1048/mangekyou/blob/master/gulpfile.babel.js）写法：）