Merge pull request #31 from malikshahzad228/master

Webpack updated to 3.2.0

Author: addyosmani

demo/README.md

@@ -1,4 +1,4 @@
-# PRPL example with Webpack 2 and React
+# PRPL example with Webpack 3 and React
 
 Note: this is a fork of https://github.com/ModusCreateOrg/react-dynamic-route-loading-es6/ which includes
 usage of the Preload plugin and SW Precache.
@@ -9,7 +9,7 @@ You can also [see the preso](http://www.slideshare.net/grgur/prpl-pattern-with-w
 
 ## Stack
 
-- [x] [Webpack 2](https://webpack.github.io)
+- [x] [Webpack 3](https://webpack.github.io)
 - [x] [React 15.4](https://facebook.github.io/react/)
 - [x] [Babel 6](https://babeljs.io/)
 
@@ -19,7 +19,7 @@ You can also [see the preso](http://www.slideshare.net/grgur/prpl-pattern-with-w
 * [Step 2](https://github.com/ModusCreateOrg/react-dynamic-route-loading-es6/tree/steps/2-preload-and-preexecute) - Preload and parse JS with React Router's [getComponent](https://github.com/ModusCreateOrg/react-dynamic-route-loading-es6/blob/steps/2-preload-and-preexecute/client/containers/App/index.js#L6)
 * [Step 3](https://github.com/ModusCreateOrg/react-dynamic-route-loading-es6/tree/steps/3-preload-no-execute) - Preload with '<link rel=preload />' and React Helmet
 * [Step 4](https://github.com/ModusCreateOrg/react-dynamic-route-loading-es6/tree/steps/4-automatic-preload) - [Custom Webpack plugin](https://github.com/ModusCreateOrg/react-dynamic-route-loading-es6/blob/steps/4-automatic-preload/webpack.config.js#L43) that creates a JSON file with chunk names
-* [Step 5](https://github.com/ModusCreateOrg/react-dynamic-route-loading-es6/tree/steps/5-injected-chunk-names) - Custom Webpack 2 plugin that [automatically injects chunk information into HTML](https://github.com/ModusCreateOrg/react-dynamic-route-loading-es6/blob/steps/5-injected-chunk-names/webpack.config.js#L46). Still using React Helmet to preload chunks
+* [Step 5](https://github.com/ModusCreateOrg/react-dynamic-route-loading-es6/tree/steps/5-injected-chunk-names) - Custom Webpack 3 plugin that [automatically injects chunk information into HTML](https://github.com/ModusCreateOrg/react-dynamic-route-loading-es6/blob/steps/5-injected-chunk-names/webpack.config.js#L46). Still using React Helmet to preload chunks
 * [Step 6](https://github.com/ModusCreateOrg/react-dynamic-route-loading-es6/tree/steps/6-no-helmet-scripttags) - Removed React Helmet dependency and [injecting code with raw JS](https://github.com/ModusCreateOrg/react-dynamic-route-loading-es6/blob/steps/6-no-helmet-scripttags/client/containers/App/index.js#L8) (simplicity FTW)
 
 ## Browser setup

demo/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "react-router-dynamic-routes-webpack2",
+  "name": "react-router-dynamic-routes-webpack3",
   "version": "1.0.0",
   "private": true,
   "description": "React Router Dynamic Chunk Loading",
@@ -17,16 +17,16 @@
     "babel-plugin-transform-runtime": "^6.15.0",
     "babel-preset-es2015": "^6.18.0",
     "babel-preset-react": "^6.15.0",
-    "css-loader": "0.14.5",
-    "extract-text-webpack-plugin": "^2.0.0-beta.4",
-    "file-loader": "^0.8.5",
+    "css-loader": "^0.28.4",
+    "extract-text-webpack-plugin": "^3.0.0",
+    "file-loader": "^0.11.2",
     "html-webpack-plugin": "^2.24.1",
-    "node-sass": "^3.13.0",
-    "sass-loader": "^3.2.3",
-    "style-loader": "^0.13.1",
+    "node-sass": "^4.5.3",
+    "sass-loader": "^6.0.6",
+    "style-loader": "^0.18.2",
     "sw-precache-webpack-plugin": "^0.7.2",
-    "webpack": "^2.1.0-beta.27",
-    "webpack-dev-server": "^2.1.0-beta.10"
+    "webpack": "^3.2.0",
+    "webpack-dev-server": "^2.5.1"
   },
   "dependencies": {
     "babel-polyfill": "^6.16.0",

demo/static/my-service-worker.js

@@ -1,6 +1,6 @@
 {
   "name": "preload-webpack-plugin",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "Enhances html-webpack-plugin with link rel=preload wiring capabilities for scripts",
   "main": "index.js",
   "scripts": {
@@ -35,10 +35,10 @@
     "eslint-config-google": "^0.7.1",
     "html-webpack-plugin": "^2.26.0",
     "jasmine": "^2.5.3",
-    "webpack": "^2.2.0"
+    "webpack": "^3.2.0"
   },
   "peerDependencies": {
-    "webpack": "^2.2.0"
+    "webpack": "^3.2.0"
   },
   "dependencies": {
     "object-assign": "^4.1.1"