From 8caab47ae61ed4eab931a24a3f9437f9add9e6d6 Mon Sep 17 00:00:00 2001
From: Alan Shaw <alan.shaw@protocol.ai>
Date: Wed, 16 Jan 2019 13:27:05 +0000
Subject: [PATCH] docs: update browser-webpack example

License: MIT
Signed-off-by: Alan Shaw <alan.shaw@protocol.ai>
---
 examples/browser-webpack/.babelrc          |  6 -----
 examples/browser-webpack/package.json      | 27 +++++++++++++---------
 examples/browser-webpack/webpack.config.js | 17 ++++++++++----
 3 files changed, 28 insertions(+), 22 deletions(-)
 delete mode 100644 examples/browser-webpack/.babelrc

diff --git a/examples/browser-webpack/.babelrc b/examples/browser-webpack/.babelrc
deleted file mode 100644
index dddff4a741..0000000000
--- a/examples/browser-webpack/.babelrc
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "presets": [
-    "stage-0",
-    "react"
-  ]
-}
diff --git a/examples/browser-webpack/package.json b/examples/browser-webpack/package.json
index 7473783c20..2f67c8893f 100644
--- a/examples/browser-webpack/package.json
+++ b/examples/browser-webpack/package.json
@@ -8,18 +8,23 @@
   "license": "MIT",
   "keywords": [],
   "devDependencies": {
-    "babel-core": "^6.24.1",
-    "babel-loader": "^7.0.0",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-0": "^6.24.1",
-    "json-loader": "~0.5.4",
-    "react": "^15.5.4",
-    "react-dom": "^15.6.1",
-    "react-hot-loader": "^1.3.1",
-    "webpack": "^2.5.1",
-    "webpack-dev-server": "^2.4.5"
+    "@babel/core": "^7.2.2",
+    "@babel/preset-env": "^7.2.3",
+    "@babel/preset-react": "^7.0.0",
+    "babel-loader": "^8.0.5",
+    "react": "^16.7.0",
+    "react-dom": "^16.7.0",
+    "react-hot-loader": "^4.6.3",
+    "webpack": "^4.28.4",
+    "webpack-dev-server": "^3.1.14"
   },
   "dependencies": {
     "ipfs": "file:../../"
-  }
+  },
+  "browserslist": [
+    ">1%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
 }
diff --git a/examples/browser-webpack/webpack.config.js b/examples/browser-webpack/webpack.config.js
index 4095cc996e..c12a025963 100644
--- a/examples/browser-webpack/webpack.config.js
+++ b/examples/browser-webpack/webpack.config.js
@@ -19,11 +19,18 @@ module.exports = {
     new webpack.HotModuleReplacementPlugin()
   ],
   module: {
-    loaders: [{
-      test: /\.js$/,
-      loaders: ['react-hot-loader', 'babel-loader'],
-      include: path.join(__dirname, 'src')
-    }, { test: /\.json$/, loader: 'json-loader' }]
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env', '@babel/preset-react']
+          }
+        }
+      }
+    ]
   },
   node: {
     fs: 'empty',