docs: update overlay and progress example (#3887)

webpack · Sep 26, 2021 · 2ea510c · 2ea510c
1 parent ccb6f76
commit 2ea510c
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 0 deletions.
diff --git a/examples/client/overlay/README.md b/examples/client/overlay/README.md
@@ -19,6 +19,12 @@ Usage via CLI:
 npx webpack serve --open --client-overlay
 ```
 
+To disable:
+
+```shell
+npx webpack serve --open --no-client-overlay
+```
+
 ## What Should Happen
 
 1. The script should open `http://localhost:8080/` in your default browser.

diff --git a/examples/client/overlay/webpack.config.js b/examples/client/overlay/webpack.config.js
@@ -8,4 +8,9 @@ module.exports = setup({
   context: __dirname,
   // create error for overlay
   entry: "./invalid.js",
+  devServer: {
+    client: {
+      overlay: true,
+    },
+  },
 });
diff --git a/examples/client/progress/README.md b/examples/client/progress/README.md
@@ -19,6 +19,12 @@ Usage via CLI:
 npx webpack serve --open --client-progress
 ```
 
+To disable:
+
+```shell
+npx webpack serve --open --no-client-progress
+```
+
 ## What Should Happen
 
 1. The script should open `http://localhost:8080/` in your default browser.

diff --git a/examples/client/progress/webpack.config.js b/examples/client/progress/webpack.config.js
@@ -7,4 +7,9 @@ const { setup } = require("../../util");
 module.exports = setup({
   context: __dirname,
   entry: "./app.js",
+  devServer: {
+    client: {
+      progress: true,
+    },
+  },
 });