[docs] Update webpack example (socketio#2960)

examples/webpack-build/lib/index.js

@@ -1,5 +1,7 @@
 
-var socket = require('socket.io-client')('http://localhost:3000');
+import io from 'socket.io-client';
+
+const socket = io('http://localhost:3000');
 
 console.log('init');
 

examples/webpack-build/package.json

@@ -5,15 +5,17 @@
   "scripts": {
     "build": "webpack --config ./support/webpack.config.js",
     "build-slim": "webpack --config ./support/webpack.config.slim.js",
-    "build-all": "npm run build && npm run build-slim"
+    "build-json-parser": "webpack --config ./support/webpack.config.json-parser.js",
+    "build-all": "npm run build && npm run build-slim && npm run build-json-parser"
   },
   "author": "Damien Arrachequesne",
   "license": "MIT",
   "dependencies": {
-    "socket.io-client": "^1.7.2"
+    "socket.io-client": "^2.0.2",
+    "socket.io-json-parser": "^2.1.0"
   },
   "devDependencies": {
     "strip-loader": "^0.1.2",
-    "webpack": "^1.14.0"
+    "webpack": "^2.6.1"
   }
 }

examples/webpack-build/support/webpack.config.js

@@ -2,7 +2,7 @@
 module.exports = {
   entry: './lib/index.js',
   output: {
-    path: './dist',
+    path: require('path').join(__dirname, '../dist'),
     filename: 'app.js'
-  },
+  }
 };

examples/webpack-build/support/webpack.config.json-parser.js

@@ -0,0 +1,33 @@
+
+var webpack = require('webpack');
+
+module.exports = {
+  entry: './lib/index.js',
+  output: {
+    path: require('path').join(__dirname, '../dist'),
+    filename: 'app.json-parser.js'
+  },
+  // generate sourcemap
+  devtool: 'source-map',
+  plugins: [
+    // replace require('debug')() with an noop function
+    new webpack.NormalModuleReplacementPlugin(/debug/, process.cwd() + '/support/noop.js'),
+    // replace socket.io-parser with socket.io-json-parser
+    new webpack.NormalModuleReplacementPlugin(/socket\.io-parser/, 'socket.io-json-parser'),
+    // use uglifyJS (IE9+ support)
+    new webpack.optimize.UglifyJsPlugin({
+      compress: {
+        warnings: false
+      }
+    })
+  ],
+  module: {
+    loaders: [
+      {
+        // strip `debug()` calls
+        test: /\.js$/,
+        loader: 'strip-loader?strip[]=debug'
+      }
+    ]
+  }
+};

examples/webpack-build/support/webpack.config.slim.js

@@ -4,13 +4,9 @@ var webpack = require('webpack');
 module.exports = {
   entry: './lib/index.js',
   output: {
-    path: './dist',
+    path: require('path').join(__dirname, '../dist'),
     filename: 'app.slim.js'
   },
-  externals: {
-    // replace JSON polyfill (IE6/IE7) with global JSON object
-    json3: 'JSON'
-  },
   // generate sourcemap
   devtool: 'source-map',
   plugins: [

lib/index.js

@@ -8,8 +8,7 @@ var read = require('fs').readFileSync;
 var path = require('path');
 var exists = require('fs').existsSync;
 var engine = require('engine.io');
-var client = require('socket.io-client');
-var clientVersion = require('socket.io-client/package').version;
+var clientVersion = require('socket.io-client/package.json').version;
 var Client = require('./client');
 var Emitter = require('events').EventEmitter;
 var Namespace = require('./namespace');