Rails-Reflux-ReactJS客户端配置项目
Rails 的 Reflux ReactJS 客户端配置，整体流程挺顺，适合喜欢自己动手搭 React 环境的朋友。你只要配好几个 npm 工具，稍微改下 Rails 的配置，就能跑起来一个前后端分离的小项目。Webpack 打包、React 热加载这些功能也能顺手带上，开发体验还不错。
Rails 项目的前端拆分，直接用npm install -g grunt yo generator-react-webpack搞定依赖，在/client目录用yo react-webpack初始化 React 工程，流程和纯前端项目差不多，挺熟悉的。
Rails 配置的小动作主要在config/environments/development.rb里，给config.action_controller.asset_host加段代码，动态判断资源路径，React 打包出来的client-bundle.js就能从localhost:8000加载了，开发时方便。
整个项目的开发流程有点像 Rails 只是“托管”了个前端入口，前端改动基本不用动 Rails 代码，响应也快，热加载也能配。你要是习惯用 Sprockets，那 Webpack 一开始有点不习惯，不过上手后自由度更高。
实用建议：Webpack 打包建议开个 dev server，端口配成 8000；JS 入口文件建议放在/app/assets/javascripts/client-bundle.js，能和 Rails 结构衔接得更自然。
如果你想了解更多，可以看看这些相关资料：
- React on Rails 12 集成 React，Webpack，Rails
- react_webpack_rails-example
- Rails React Webpack Starter Kit
- rails-hot-react-webpack-example
哦对了，Grunt 现在虽然用得不多，但有些老插件还是依赖它的，用npm install -g grunt装一下就行，不碍事。
文件大小：116.24KB
评论区