如果每一次小的改動都要手動執行一遍構建才能看到效果，開發效率會很低下。監聽文件改動并實時構建的能力成為新一代打包工具的標配。
在webpack中，通過添加--watch選項即可開啟監視功能，webpack會依據構建得到的依賴關系，對文件進行監聽，一旦發生改動則觸發重新構建：
webpack -w
除了watch模式外，webpack還提供了webpack-dev-server來輔助開發與調試。
webpack-dev-server是一個基于Express框架的Node.js服務器。它還提供了一個客戶端運行環境，會被注入到頁面代碼中執行，并通過Socket.IO與服務端通信。服務端的每次改動都會被通知到頁面上，頁面可以隨之做出反應。除了自動刷新外，還提供有模塊熱替換（Hot Module Replacement）的強大功能。
使用webpack-dev-server需要額外安裝webpack-dev-server包：
npm install webpack-dev-server -g
然后啟動webpack-dev-server即可：
webpack-dev-server
默認監聽8080端口，因此瀏覽器直接打開http://localhost:8080即可看到結果頁面。
