chore(examples): fix examples (#1741)

hiroppy · evilebottnawi · commit 5eea12a136c5 · 2019-03-27T11:57:16.000+03:00
diff --git a/examples/.assets/layout.html b/examples/.assets/layout.html
@@ -1,18 +1,24 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
   <head>
     <title>WDS ▻ <%= htmlWebpackPlugin.options.title %></title>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="shortcut icon" href="/.assets/favicon.ico"/>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,600|Source+Sans+Pro:400,400i,500,600"/>
-    <link rel="stylesheet" href="/.assets/style.css"/>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="shortcut icon" href=".assets/favicon.ico" />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,600|Source+Sans+Pro:400,400i,500,600"
+    />
+    <link rel="stylesheet" href=".assets/style.css" />
   </head>
-	<body>
+  <body>
     <main>
       <header>
         <h1>
-          <img src="/.assets/icon-square.svg" style="width: 35px; height: 35px;"/>
+          <img
+            src=".assets/icon-square.svg"
+            style="width: 35px; height: 35px;"
+          />
           webpack-dev-server
         </h1>
       </header>
@@ -21,6 +27,5 @@ <h2><%= htmlWebpackPlugin.options.title %></h2>
         <div id="target"></div>
       </section>
     </main>
-		<script src="/bundle.js" type="text/javascript" charset="utf-8"></script>
-	</body>
+  </body>
 </html>
diff --git a/examples/api/middleware/server.js b/examples/api/middleware/server.js
@@ -9,12 +9,6 @@ const devServerOptions = Object.assign({}, webpackConfig.devServer, {
   stats: {
     colors: true,
   },
-  before(app) {
-    app.use((req, res, next) => {
-      console.log(`Using middleware for ${req.url}`);
-      next();
-    });
-  },
 });
 const server = new WebpackDevServer(compiler, devServerOptions);
 
diff --git a/examples/general/config-array/webpack.config.js b/examples/general/config-array/webpack.config.js
@@ -1,6 +1,5 @@
 'use strict';
 
-const webpack = require('webpack');
 // our setup function adds behind-the-scenes bits to the config that all of our
 // examples need
 const { setup } = require('../../util');
@@ -42,6 +41,8 @@ module.exports = [
         },
       ],
     },
-    plugins: [new webpack.optimize.UglifyJsPlugin()],
+    optimization: {
+      minimize: true,
+    },
   }),
 ];
diff --git a/examples/general/config-promise/app.js b/examples/general/config-promise/app.js
@@ -2,4 +2,7 @@
 
 // Change the following line and save to see the compilation status
 
-document.write('It works!');
+const target = document.querySelector('#target');
+
+target.classList.add('pass');
+target.innerHTML = 'Success!';
diff --git a/examples/util.js b/examples/util.js
@@ -84,7 +84,15 @@ module.exports = {
       result.devServer.before = before;
     }
 
-    result.output = { path: path.dirname(module.parent.filename) };
+    const output = {
+      path: path.dirname(module.parent.filename),
+    };
+
+    if (result.output) {
+      Object.assign(result.output, output);
+    } else {
+      result.output = output;
+    }
 
     return result;
   },
