> For the complete documentation index, see [llms.txt](https://michey85.gitbook.io/webpack/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://michey85.gitbook.io/webpack/dev-server.md).

# dev server

Если у нас нет отдельной html страницы и мы просто собираем js, то можно в папке билда добавить `index.html` с подключением к нему собранного бандла, а в конфиге указать на него ссылку:

```javascript
module.exports = {
  mode: "development",
  
  devServer: {
    contentBase: "./dist",
  }
}
```

### Hot reload (hot module replacement)

Чтобы при правке стилей страница не перезагружалась, добавляется hot: true.

```javascript
module.exports = {
  devServer: {
    contentBase: "./dist",
    hot: true,
  }
}
```

Либо в самом скрипте `webpack serve` добавить опцию `--hot`.

### Доп настройки

```javascript
module.exports = {
  devServer: {
    contentBase: "./dist",
    hot: true,
    
    port: 8080,
    open: true,
    compress: true,
    historyApiFallback: true, // для SPA
  }
}
```