In development, expose docs on local network host

localhost isn't useful for opening on mobile devices

Author: mvasin

package.json

@@ -30,6 +30,7 @@
     "css-loader": "^0.28.11",
     "html-webpack-plugin": "^3.2.0",
     "husky": "^1.1.2",
+    "ip": "^1.1.5",
     "jest": "^23.5.0",
     "lint-staged": "^7.3.0",
     "prettier": "^1.14.3",

src/docs/index.jsx

@@ -27,6 +27,12 @@ function Demo() {
             </a>
             .
           </p>
+          Sometimes you need an input field, here's one for a test:
+          <input
+            placeholder="Try me"
+            // https://stackoverflow.com/q/2989263/5274538
+            style={{ fontSize: '16px' }}
+          />
         </div>
         <div
           style={{

webpack.config.js

@@ -1,5 +1,6 @@
 const path = require("path");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
+const ip = require("ip");
 
 module.exports = {
   entry: path.join(__dirname, "src/docs"),
@@ -31,6 +32,7 @@ module.exports = {
   devServer: {
     contentBase: path.join(__dirname, "docs"),
     port: 8000,
+    host: ip.address(),
     stats: "minimal"
   }
 };