Webpack開發(fā)環(huán)境

當項目逐漸變大，webpack 的編譯時間會變長，可以通過參數(shù)讓編譯的輸出內容帶有進度和顏色。

$ webpack --progress --colors

如果不想每次修改模塊后都重新編譯，那么可以啟動監(jiān)聽模式。開啟監(jiān)聽模式后，沒有變化的模塊會在編譯后緩存到內存中，而不會每次都被重新編譯，所以監(jiān)聽模式的整體速度是很快的。

$ webpack --progress --colors --watch

當然，使用 webpack-dev-server 開發(fā)服務是一個更好的選擇。它將在 localhost:8080 啟動一個 express 靜態(tài)資源 web 服務器，并且會以監(jiān)聽模式自動運行 webpack，在瀏覽器打開 http://localhost:8080/ 或 http://localhost:8080/webpack-dev-server/ 可以瀏覽項目中的頁面和編譯后的資源輸出，并且通過一個 socket.io 服務實時監(jiān)聽它們的變化并自動刷新頁面。

# 安裝
$ npm install webpack-dev-server -g

# 運行
$ webpack-dev-server --progress --colors