Update webpack to version 2.3.x

CHANGELOG.md

@@ -5,6 +5,8 @@ Contributors: please follow the recommendations outlined at [keepachangelog.com]
 
 ## [Unreleased]
 *Please add entries here for your pull requests.*
+## Changed
+- Change webpack output path to absolute and update webpack to version ^2.3.1. [#771](https://github.com/shakacode/react_on_rails/pull/771) by [cheremukhin23](https://github.com/cheremukhin23).
 
 ## [6.8.1] - 2017-03-21
 ### Fixed

docs/additional-reading/webpack.md

@@ -4,7 +4,7 @@
 You can try out example app, [shakacode/react-webpack-rails-tutorial](https://github.com/shakacode/react-webpack-rails-tutorial). We're building comprehensive production examples in our new, premium product, [**React on Rails Pro**](https://forum.shakacode.com/t/introducing-react-on-rails-pro-subscriptions/785). If you're interested, please see the details in [this forum post](https://forum.shakacode.com/t/introducing-react-on-rails-pro-subscriptions/785).
 
 ## Webpack v1 or v2?
-We recommend using Webpack version 2.2.1 or greater.
+We recommend using Webpack version 2.3.1 or greater.
 
 ## yarn or npm?
 Yarn is the current recommendation!

lib/generators/react_on_rails/templates/base/base/client/package.json.tt

@@ -32,7 +32,7 @@
     "react-redux": "^5.0.3",
     "redux": "^3.6.0",
     <%- end -%>
-    "webpack": "^2.2.1"
+    "webpack": "^2.3.1"
   },
   "devDependencies": {
   }

lib/generators/react_on_rails/templates/base/base/client/webpack.config.js

@@ -3,6 +3,7 @@
  "only-multiline"} ] */
 
 const webpack = require('webpack');
+const pathLib = require('path');
 
 const devBuild = process.env.NODE_ENV !== 'production';
 
@@ -16,7 +17,7 @@ const config = {
 
   output: {
     filename: 'webpack-bundle.js',
-    path: '../app/assets/webpack',
+    path: pathLib.resolve(__dirname, '../app/assets/webpack'),
   },
 
   resolve: {

package.json

@@ -35,7 +35,7 @@
     "release-it": "^2.5.4",
     "tap-spec": "^4.1.1",
     "tape": "^4.6.3",
-    "webpack": "^2.2.1"
+    "webpack": "^2.3.1"
   },
   "peerDependencies": {
     "babel-runtime": ">= 6",

spec/dummy/client/package.json

@@ -43,7 +43,7 @@
     "sass-resources-loader": "1.2.0",
     "style-loader": "^0.13.2",
     "url-loader": "^0.5.8",
-    "webpack": "^2.2.1"
+    "webpack": "^2.3.1"
   },
   "devDependencies": {
     "babel-plugin-react-transform": "^2.0.2",

spec/dummy/client/webpack.client.js

@@ -10,7 +10,7 @@ module.exports = {
     'startup/clientRegistration',
   ],
   output: {
-    path: '../app/assets/webpack',
+    path: path.resolve(__dirname, '../app/assets/webpack'),
     // Implement chunkhash and bypass the asset pipeline
     // TODO: https://webpack.js.org/guides/code-splitting-libraries/#manifest-file
     filename: 'client.js',

spec/dummy/client/webpack.client.rails.build.config.js

@@ -6,12 +6,13 @@
 
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const config = require('./webpack.client.base.config');
+const path = require('path');
 
 const devBuild = process.env.NODE_ENV !== 'production';
 
 config.output = {
   filename: '[name]-bundle.js',
-  path: '../app/assets/webpack',
+  path: path.resolve(__dirname, '../app/assets/webpack'),
   publicPath: '/assets/',
 };
 

spec/dummy/client/webpack.server.js

@@ -6,7 +6,7 @@ module.exports = {
     'startup/serverRegistration',
   ],
   output: {
-    path: '../app/assets/webpack',
+    path: path.resolve(__dirname, '../app/assets/webpack'),
     filename: 'server.js',
   },
   resolve: {

spec/dummy/client/webpack.server.rails.build.config.js

@@ -16,7 +16,7 @@ module.exports = {
   ],
   output: {
     filename: 'server-bundle.js',
-    path: '../app/assets/webpack',
+    path: path.resolve(__dirname, '../app/assets/webpack'),
   },
   resolve: {
     extensions: ['.js', '.jsx'],