Merge pull request #1265 from 0xProject/feature/instant/expose-webpack-dev-server

[instant ] Expose webpack-dev-server content to local network

2 files changed, 14 insertions, 2 deletions

diff --git a/packages/instant/package.json b/packages/instant/package.json
index 3ad043c2b..23e1d57fe 100644
--- a/packages/instant/package.json
+++ b/packages/instant/package.json
@@ -52,9 +52,9 @@
         "@0x/subproviders": "^2.1.4",
         "@0x/types": "^1.2.1",
         "@0x/typescript-typings": "^3.0.4",
-        "bowser": "^2.0.0-beta.3",
         "@0x/utils": "^2.0.5",
         "@0x/web3-wrapper": "^3.1.4",
+        "bowser": "^2.0.0-beta.3",
         "copy-to-clipboard": "^3.0.8",
         "ethereum-types": "^1.1.2",
         "lodash": "^4.17.10",
@@ -83,6 +83,7 @@
         "awesome-typescript-loader": "^5.2.1",
         "enzyme": "^3.6.0",
         "enzyme-adapter-react-16": "^1.5.0",
+        "ip": "^1.1.5",
         "jest": "^23.6.0",
         "make-promises-safe": "^1.1.0",
         "npm-run-all": "^4.1.2",
diff --git a/packages/instant/webpack.config.js b/packages/instant/webpack.config.js
index 78a33ce90..3129e13a6 100644
--- a/packages/instant/webpack.config.js
+++ b/packages/instant/webpack.config.js
@@ -1,7 +1,8 @@
 const path = require('path');
+const ip = require('ip');
 // The common js bundle (not this one) is built using tsc.
 // The umd bundle (this one) has a different entrypoint.
-module.exports = {
+const config = {
     entry: './src/index.umd.ts',
     output: {
         filename: '[name].bundle.js',
@@ -24,5 +25,15 @@ module.exports = {
     devServer: {
         contentBase: path.join(__dirname, 'public'),
         port: 5000,
+        host: '0.0.0.0',
+        after: () => {
+            if (config.devServer.host === '0.0.0.0') {
+                console.log(
+                    `webpack-dev-server can be accessed externally at: http://${ip.address()}:${config.devServer.port}`,
+                );
+            }
+        },
     },
 };
+
+module.exports = config;