Blog post: Configure Webpack Dev Server and React Hot Loader with Ruby on Rails

[kevinold]

Hi @gaearon,

I wrote the following blog post after figuring out how to get react-hot-loader setup with Rails. I'd like to add to your docs, but am not sure where to put it.

Configure Webpack Dev Server and React Hot Loader with Ruby on Rails
http://kevinold.com/2015/02/04/configure-webpack-dev-server-and-react-hot-loader-with-ruby-on-rails.html

Let me know if there is a place to submit it and I'll add a PR.

Kevin

[gaearon]

That's amazing! I'll figure out the docs structure and will add it!

[sergiocolussidev]

Nice post @kevinold , very clear.
I'm trying it with no luck that configuration in a ruby on rails project but it's in a vagrant vm.
Even I see this in the console after run it:

./app/assets/javascripts/App_wp_bundle.js  1294037       0  [emitted]  App
chunk    {0} ./app/assets/javascripts/App_wp_bundle.js (App) 1244140 [rendered]

But I cannot see the http://localhost:8080/assets/App_wp_bundle.js or where it's created.
Then http://localhost:8080/webpack-dev-server/index.html seems to not been running.
I'm sure I'm missing some point here.

[gaearon]

But I cannot see the http://localhost:8080/assets/App_wp_bundle.js or where it's created.

I don't know about Rails, but just to clarify: WebpackDevServer doesn't actually create any files, it serves them from memory.

[sergiocolussidev]

Thanks @gaearon for the clarification. Yes since the host where it's served is not working, seems to be something related to the environment I'm running this.
I don't know too much about Rails either.

[vipulnsward]

@kevinold this is amazing. Thanks for the writeup!

[petrbela]

@kevinold Great article! I actually spent several hours trying to set it up until I found your post.

One note though, if --hot is passed on the command line, it seems that setting up the plugin with new webpack.HotModuleReplacementPlugin() is not necessary. In fact, it causes stack overflow.