搭建好webpack配置之後，開始啟動熱更新。

第一步：安裝webpack-dev-server 注意版本問題

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

第二步：在webpack.config.js 進行外掛啟用

var webpack = require('webpack');
/** 省略 **/
// 外掛
plugins:[
   // 熱更新
   new webpack.HotModuleReplacementPlugin()
]

第三步：設定埠號

方法一：在package.json中設定埠號
 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack",
    "dev": "webpack-dev-server --port 8080"      
  }

方法二：在webpack.config.js中設定埠號
devServer: {
   inline: true,
   port: 3000
},

第四步：設定啟動

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack",
    "dev": "webpack-dev-server --port 8080"      
  }

第五步：開啟設定的埠連線：

http://localhost:8080/

展示的就是index檔案得到的內容。