Skip to content

example rails 5.1 app w/webpack, react, eslint, hot reloading and more

Notifications You must be signed in to change notification settings

madrailers/webpack-on-rails

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
Zachery Moneypenny
Oct 9, 2017
43ee5d6 · Oct 9, 2017

History

17 Commits
Jun 6, 2017
May 25, 2017
Jun 5, 2017
May 25, 2017
May 25, 2017
May 25, 2017
May 25, 2017
May 25, 2017
May 25, 2017
May 25, 2017
Jun 2, 2017
Jun 6, 2017
May 25, 2017
May 25, 2017
Jun 1, 2017
May 25, 2017
Oct 9, 2017
May 25, 2017
Jun 5, 2017
May 25, 2017
May 25, 2017
Oct 9, 2017
Jun 6, 2017
Jun 6, 2017

Repository files navigation

Webpack-on-Rails

Rails 5.1 example app leveraging webpack and react with various additional goodies such as linting, react hot reloading and css hot reloading.

Install and Setup

You'll need a few dependencies to start the app:

Once you have the dependencies installed, clone and run the example with:

$ git clone [email protected]:madrailers/webpack-on-rails.git
$ cd webpack-on-rails
$ bundle install
$ yarn install
$ bundle exec foreman start

Look Around

The new webpacker integration in Rails 5.1 has a nontrivial number of moving parts that you'll eventually touch as you build out your front-end pipeline.

First, check out the config/webpack directory. Trace through the includes starting with config/webpack/configuration.js.

Second, look at the loaders that are currently configured in the config/webpack\loaders directory.

Third, take a look at the entry points in app/javascript/packs. These are the files that are referenced from Rails views that import the bundles created by webpack.

Fourth, check out how we import the bundles in app/views/layouts/application.html.erb. In that file we're importing both the index.jsx bundle as well as the hot-reloadable index.css.

About

example rails 5.1 app w/webpack, react, eslint, hot reloading and more

Resources

Stars

Watchers

Forks

Packages

No packages published