# 開發環境 當項目逐漸變大，webpack 的編譯時間會變長，可以通過參數讓編譯的輸出內容帶有進度和顏色。 ```bash $ webpack --progress --colors ``` 如果不想每次修改模塊后都重新編譯，那么可以啟動監聽模式。開啟監聽模式后，沒有變化的模塊會在編譯后緩存到內存中，而不會每次都被重新編譯，所以監聽模式的整體速度是很快的。 ```bash $ webpack --progress --colors --watch ``` 當然，使用 `webpack-dev-server` 開發服務是一個更好的選擇。它將在 localhost:8080 啟動一個 express 靜態資源 web 服務器，并且會以監聽模式自動運行 webpack，在瀏覽器打開 http://localhost:8080/ 或 http://localhost:8080/webpack-dev-server/ 可以瀏覽項目中的頁面和編譯后的資源輸出，并且通過一個 socket.io 服務實時監聽它們的變化并自動刷新頁面。 ```bash # 安裝 $ npm install webpack-dev-server -g # 運行 $ webpack-dev-server --progress --colors ```