監聽文件改動并實時構建，避免每次改動都要手動構建才能看到效果。
在 webpack 中添加 --watch 開啟監視功能，webpack 會首先構建一次，然后依據構建得到的依賴關系，對項目所依賴的所有文件進行監聽，一旦發生改動則觸發重新構建。
命令簡寫：

webpack -w

使用 webpack-dev-server 輔助開發調試，它是一個基于 Express 框架的 Node.js 服務器。它還提供了一個客戶端的運行環境，會被注入到頁面代碼執行，并通過 Socket.IO 與服務器通訊。
這樣服務器的每次改動與重新構建都會被通知到頁面上，頁面可以隨之做出反應。除了最基本的自動刷新，還提供有如模塊熱替換（Hot Module Replacement）這樣強大的功能。

安裝：

npm install webpack-dev-server -g

啟動：

webpack-dev-server
```
默認監聽 8080 端口
webpack-dev-server 的配置
1. **命令行參數的形式傳遞**
2. ** webpack.config.js 的 export 中添加字段 devServer 實現**。[詳見官方文檔](https://webpack.github.io/docs/webpack-dev-server.html)

```
webpack-dev-server -w
```
 ![運行效果圖](http://upload-images.jianshu.io/upload_images/1366458-87a0eff030a02a70.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)