首页 > 代码库 > Rails + React +antd + Redux环境搭建
Rails + React +antd + Redux环境搭建
前提条件:node和ruby on rails必须已经安装好(相关安装流程不再此处介绍)
1.nvm、node
2.npm or yarn装一个就好
3.rvm、ruby on rails
4.foreman
一、新建一个rails项目后加入react gem包
1.Gemfile文件添加gem ‘react_on_rails‘, ‘~>6‘ # use latest gem version > 6
2.bundle install安装gem包
3.rails generate react_on_rails:install or rails generate
react_on_rails:install --redux
4.进入项目client文件夹下执行 npm install or yarn install
二、引入antd
1.在项目client文件夹下执行:
npm install antd --save
npm install babel-plugin-antd --save
npm install babel-plugin-import --save (该插件是用来按需加载 antd 的脚本和样式的)
npm install style-loader -save
npm install css-loader -save
2.修改client文件夹下 .babelrc 文件为
{
"presets": ["es2015", "stage-2", "react"],
"plugins": [["antd", [{ "libraryName": "antd", "style": "css" }]]] (该行为新增行)
}
三、运行服务
1.foreman start -f Procfile.dev
2. 访问 http://localhost:3000/hello_world 后将看到如下内容
Rails + React +antd + Redux环境搭建
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。