2017-03-03 101 views
3

这里是新手,我最近在我的react-rails项目中实现了webpacker gem。作为webpack的新手和反应,这个宝石对我来自rails背景非常有意义。你如何使用react-rails react_component和webpacker gem rails 5.1?

我想知道如果有可能用在我的轨反应护栏宝石webpacker的项目,所以我们仍然可以使用视图助手方法是这样的:

<%= react_component('MyComponent', @controller_value.to_json)%> 

如果没有,是否有一个理由为什么?

感谢您的任何意见! :)

+3

定义,你可以看看这个:https://github.com/perezperret/react-rails-expenses跑进它,而读成'webpacker github的问题。 – oobgam

+0

dooooooood很好!我正在看看你的设置,我完全同意你的安装思考过程。 :) – user1337902

+0

没有做回购,但我也同意其背后的思考过程。干杯! – oobgam

回答

0

首先,你需要安装节点 - I used nvm

并安装yarn- link

然后,将这些行添加到您的Gemfile

gem 'webpacker', '~> 2.0' 
gem 'react-rails' 

然后app/javascript(未app/assests/javascripts)和配置文件运行

bundle install 
rails webpacker:install 
rails webpacker:install:react 
rails generate react:install 

这将创建必要的文件。

现在添加<%= javascript_pack_tag 'application' %>到相应的布局文件,像app/views/layouts/application.html.erb

最后,你需要在一个单独的终端运行./bin/webpack-dev-server,与rails server一起。

就是这样。现在你可以使用

<%= react_component('MyComponent', @controller_value) %> 

这里MyComponent将在app/javascript/components/MyComponent.js

相关问题