docs: devServer.static

Author: snitin315

src/content/configuration/dev-server.md

@@ -585,7 +585,7 @@ npx webpack serve --https-key ./path/to/server.key --https--cert ./path/to/serve
 
 ## `devServer.headers`
 
-`object`
+`function` `object`
 
 Adds headers to all responses:
 
@@ -663,7 +663,7 @@ For more options and information, see the [connect-history-api-fallback](https:/
 
 ## devServer.host
 
-`string`
+`'local-ip' | 'local-ipv4' | 'local-ipv6'` `string`
 
 Specify a host to use. If you want your server to be accessible externally, specify it like this:
 
@@ -1083,16 +1083,208 @@ module.exports = {
 
 `boolean` `string` `[string]` `object` `[object]`
 
+This options allows to configure options for serving static files from directory (by default 'public' directory). To disable set it to `false`:
+
+**webpack.config.js**
+
+```javascript
+module.exports = {
+  //...
+  devServer: {
+    static: false,
+  },
+};
+```
+
+Usage via CLI:
+
+```bash
+npx webpack serve --static
+```
+
+To disable:
+
+```bash
+npx webpack serve --no-static
+```
+
 ### directory
 
+`string = path.join(process.cwd(), 'public')`
+
+Tell the server where to serve the content from. This is only necessary if you want to serve static files. [static.publicPath](#publicpath) will be used to determine where the bundles should be served from, and takes precedence.
+
+**webpack.config.js**
+
+```javascript
+const path = require('path');
+
+module.exports = {
+  //...
+  devServer: {
+    static: {
+      directory: path.join(__dirname, 'public'),
+    },
+  },
+};
+```
+
+T> It is recommended to use an absolute path.
+
 ### staticOptions
 
+It is possible to configure advanced options for serving static files from [static.directory](#directory). See the [Express documentation](http://expressjs.com/en/4x/api.html#express.static) for the possible options.
+
+**webpack.config.js**
+
+```javascript
+module.exports = {
+  //...
+  devServer: {
+    static: {
+      staticOptions: {
+        redirect: true,
+      },
+    },
+  },
+};
+```
+
 ### publicPath
 
+`string = '/'` `string`
+
+Tell the server at which URL to serve [`static.directory`](#directory) content. For example to serve a file `assets/manifest.json` at `/serve-public-path-url/manifest.json`, your configurations should be as following:
+
+**webpack.config.js**
+
+```javascript
+const path = require('path');
+
+module.exports = {
+  //...
+  devServer: {
+    static: {
+      directory: path.join(__dirname, 'assets'),
+      publicPath: '/serve-public-path-url',
+    },
+  },
+};
+```
+
+Provide an array of objects in case you have multiple static folders:
+
+**webpack.config.js**
+
+```javascript
+const path = require('path');
+
+module.exports = {
+  //...
+  devServer: {
+    static: [
+      {
+        directory: path.join(__dirname, 'assets'),
+        publicPath: '/serve-public-path-url',
+      },
+      {
+        directory: path.join(__dirname, 'css'),
+        publicPath: '/other-serve-public-path-url',
+      },
+    ],
+  },
+};
+```
+
 ### serveIndex
 
+`boolean` `object = { icons: true }`
+
+Tell dev-server to use [`serveIndex`](https://github.com/expressjs/serve-index) middleware when enabled.
+
+[`serveIndex`](https://github.com/expressjs/serve-index) middleware generates directory listings on viewing directories that don't have an `index.html` file.
+
+**webpack.config.js**
+
+```javascript
+const path = require('path');
+
+module.exports = {
+  //...
+  devServer: {
+    static: {
+      directory: path.join(__dirname, 'public'),
+      serveIndex: true,
+    },
+  },
+};
+```
+
+Usage via CLI:
+
+```bash
+npx webpack serve --static-serve-index
+```
+
+To disable:
+
+```bash
+npx webpack serve --no-static-serve-index
+```
+
 ### watch
 
+`boolean` `object`
+
+Tell dev-server to watch the files served by the [static.directory]($directory) option. It is disabled by default. When enabled, file changes will trigger a full page reload.
+
+**webpack.config.js**
+
+```javascript
+const path = require('path');
+
+module.exports = {
+  //...
+  devServer: {
+    static: {
+      directory: path.join(__dirname, 'public'),
+      watch: true,
+    },
+  },
+};
+```
+
+Usage via CLI:
+
+```bash
+npx webpack serve --static-watch
+```
+
+To disable:
+
+```bash
+npx webpack serve --no-static-watch
+```
+
+It is possible to configure advanced options for watching static files from [static.directory](#directory). See the [chokidar](https://github.com/paulmillr/chokidar) documentation for the possible options.
+
+```javascript
+const path = require('path');
+
+module.exports = {
+  //...
+  devServer: {
+    static: {
+      directory: path.join(__dirname, 'public'),
+      watch: {
+        ignored: '*.txt',
+        usePolling: false,
+      },
+    },
+  },
+};
+```
+
 ## devServer.watchFiles
 
 ## devServer.webSocketServer