docs(examples): fix options usage

Author: ylemkimon

examples/api/middleware/server.js

@@ -5,11 +5,7 @@ const WebpackDevServer = require('../../../lib/Server');
 const webpackConfig = require('./webpack.config');
 
 const compiler = Webpack(webpackConfig);
-const devServerOptions = Object.assign({}, webpackConfig.devServer, {
-  stats: {
-    colors: true,
-  },
-});
+const devServerOptions = webpackConfig.devServer;
 const server = new WebpackDevServer(compiler, devServerOptions);
 
 server.listen(8080, '127.0.0.1', () => {

examples/api/middleware/webpack.config.js

@@ -10,4 +10,7 @@ module.exports = setup({
   output: {
     filename: 'bundle.js',
   },
+  stats: {
+    colors: true,
+  },
 });

examples/api/simple/server.js

@@ -7,9 +7,6 @@ const webpackConfig = require('./webpack.config');
 const compiler = Webpack(webpackConfig);
 const devServerOptions = Object.assign({}, webpackConfig.devServer, {
   open: true,
-  stats: {
-    colors: true,
-  },
 });
 const server = new WebpackDevServer(compiler, devServerOptions);
 

examples/api/simple/webpack.config.js

@@ -10,4 +10,7 @@ module.exports = setup({
   output: {
     filename: 'bundle.js',
   },
+  stats: {
+    colors: true,
+  },
 });

examples/cli/open-page-multiple/README.md

@@ -1,7 +1,7 @@
 # CLI: Open Page Option (Multiple)
 
 ```console
-npm run webpack-dev-server -- --open-page example1.html,example2.html
+npm run webpack-dev-server -- --open --open-page example1.html --open-page example2.html
 ```
 
 Some applications may consist of multiple pages. During development it may

examples/cli/open-page-multiple/webpack.config.js

@@ -20,7 +20,7 @@ module.exports = [
       }),
     ],
   }),
-  setup({
+  {
     context: __dirname,
     entry: './app2.js',
     output: {
@@ -33,5 +33,5 @@ module.exports = [
         title: 'Open Page (Multiple) / Example / Page 2',
       }),
     ],
-  }),
+  },
 ];

examples/cli/open-page/README.md

@@ -1,7 +1,7 @@
 # CLI: Open Page Option
 
 ```console
-npm run webpack-dev-server -- --open-page example.html#page1
+npm run webpack-dev-server -- --open --open-page example.html#page1
 ```
 
 Some applications may consist of multiple pages. During development it may

examples/cli/watch-content-base/README.md renamed to examples/cli/watch-static/README.md

@@ -3,7 +3,7 @@
 ## Watching a single directory
 
 ```console
-npm run webpack-dev-server -- --content-base assets --watch-content-base --open
+npm run webpack-dev-server -- --static assets --open
 ```
 
 ### What Should Happen
@@ -20,13 +20,13 @@ npm run webpack-dev-server -- --content-base assets --watch-content-base --open
 module.exports = {
   /* ... */
   devServer: {
-    contentBase: ['assets', 'css'],
+    static: ['assets', 'css'],
   },
 };
 ```
 
 ```console
-npm run webpack-dev-server -- --watch-content-base --open
+npm run webpack-dev-server -- --open
 ```
 
 ### What Should Happen