Add foreman gem; Update Procfile.dev and README

Author: mbreining

Gemfile

@@ -49,6 +49,9 @@ group :development, :test do
 
   # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
   gem 'spring'
+
+  # Manage application processes
+  gem 'foreman'
 end
 
 gem 'autoprefixer-rails'

Gemfile.lock

@@ -53,8 +53,12 @@ GEM
     columnize (0.8.9)
     debug_inspector (0.0.2)
     debugger-linecache (1.2.0)
+    dotenv (1.0.2)
     erubis (2.7.0)
     execjs (2.2.1)
+    foreman (0.76.0)
+      dotenv (~> 1.0.2)
+      thor (~> 0.19.1)
     globalid (0.2.3)
       activesupport (>= 4.1.0)
     hike (1.2.3)
@@ -161,6 +165,7 @@ DEPENDENCIES
   autoprefixer-rails
   byebug
   coffee-rails (~> 4.0.0)
+  foreman
   jbuilder (~> 2.0)
   jquery-rails
   pg

Procfile.dev

@@ -1,2 +1,2 @@
 web: rails s -p 4000
-webpack: cd webpack && webpack -w --config webpack.rails.config.js
+webpack: cd webpack && $(npm bin)/webpack -w --config webpack.rails.config.js

README.md

@@ -38,6 +38,10 @@ Point browser to [http://0.0.0.0:3000]().
 Make sure to invoke your local copy of the webpack executable as opposed
 to any globally installed webpack.
 See https://github.com/webpack/extract-text-webpack-plugin/blob/master/example/webpack.config.js
+In doubt you can run the following command:
+```
+$(npm bin)/webpack --config webpack.hot.config.js
+```
 
 Save a change to a JSX file and see it update immediately in the browser! Note,
 any browser state still exists, such as what you've typed in the comments box.
@@ -93,6 +97,12 @@ by the Rails asset pipeline.
     { test: /\.scss$/, loader: "style!css!sass?outputStyle=expanded&imagePath=/assets/images"}
 ```
 
+# Process management
+Run the following command in your development environment to invoke both Webpack and Rails.
+```
+bundle exec foreman start -f Procfile.dev
+```
+
 # Source Maps
 They work for both Rails and the Webpack Server!