webpack-dev-server是一個小型的靜態檔案伺服器，為webpack打包的資原始檔提供Web服務。並且提供自動重新整理和Hot Module Replacement（模組熱替換：前端程式碼變動後無需重新整理整個頁面，只把變化的部分替換掉）。

（1）安裝

 npm install webpack-dev-server --save-dev　 

（2）配置

修改webpack.config.js，新增devServer的配置

    devServer: {
        contentBase: './dist',
        port: 3000,  // 預設8080
        host:'
 
localhost',
        inline: true  // 實時重新整理
    },

修改package.json,新增script指令碼start： "start": "webpack-dev-server --open" 

此時，在命令列輸入 npm start ，則瀏覽器自動開啟頁面。

修改頁面內容並儲存，頁面實現實時重新整理。