1.3 Automatic Browser Refresh

來源：http://survivejs.com/webpack/developing-with-webpack/automatic-browser-refresh/

關於這個章節，文末有提到其他功能，像是 Accessing the Development Server from Network 以及 Alternative Ways to Use webpack-dev-server，因為還在初學階段，所以就跳過了。

LiveReload 和 Browsersync 對於開發者來說應該很熟悉，這類工具可以讓我們在開發的時候，即時把更新的檔案同步到瀏覽器上，讓你不必再重整瀏覽器就看得到更新結果。

Webpack 有提供 watch 模式，可以使用 webpack --watch 啟用。啟動之後，就會監控你的檔案，一旦有變動就會重新幫你編譯。

後來就出現 webpack-dev-server 這個外掛，它的功能更強大。 它是一個在系統記憶體執行的開發伺服器，當你開發應用程式時，它會不斷的自動更新瀏覽器上的內容。 同時還支援 Webpack 的 Hot Module Replacement (HMR) 功能，可以不必重載整個瀏覽器就能更新部分元件的狀態，這個功能對 React 來說非常有用。