live-server と webpack-dev-server の違いをいまいち理解できません

現在、Reactを勉強しているのですが、webpack-dev-serverを起動すると

■localhost:8080が立ち上がる
■ソースを修正する毎にブラウザが自動で更新される

ということまではわかったのですが、

この違いから、以前はlive-serverを使っていたので
こちらも同様にソースを修正すると自動で反映されるのでこの違いでどこが便利になったのあまりイメージがつきません。

具体的にどのように便利さが違うのか教えていただけないでしょうか。。？

webpackjson
1{
2  "name": "indecision-app",
3  "version": "1.0.0",
4  "main": "index.js",
5  "license": "MIT",
6  "scripts": {
7    "serve": "live-server public/",
8    "build": "webpack",
9    "dev-server": "webpack-dev-server"
10  },
11  "dependencies": {
12    "@babel/core": "^7.9.0",
13    "@babel/plugin-proposal-class-properties": "^7.8.3",
14    "@babel/plugin-proposal-object-rest-spread": "^7.9.0",
15    "@babel/preset-env": "^7.9.0",
16    "@babel/preset-react": "^7.9.4",
17    "babel-cli": "6.24.1",
18    "babel-core": "6.25.0",
19    "babel-loader": "7.1.1",
20    "babel-preset-env": "1.5.2",
21    "babel-preset-react": "6.24.1",
22    "build": "^0.1.4",
23    "live-server": "^1.2.0",
24    "node-sass": "^4.13.1",
25    "react": "16.0.0",
26    "react-dom": "16.0.0",
27    "validator": "8.0.0",
28    "webpack": "^4.42.1",
29    "webpack-cli": "^3.3.11",
30    "webpack-dev-server": "^3.10.3"
31  }
32}
33