epic: https://www.webpackjs.com/guides/development/#%E4%BD%BF%E7%94%A8-webpack-dev-server

復現(xiàn)：

Step1

LM-SHC-16508140:webpack-demo4 tsun1$ npm --version
6.14.7
LM-SHC-16508140:webpack-demo4 tsun1$ npm init -y
Wrote to /Users/tsun1/code/webpack-demo4/package.json:

{
  "name": "webpack-demo4",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}


LM-SHC-16508140:webpack-demo4 tsun1$ npm install -D webpack webpack-cli webpack-dev-server

Step2 add a scripts line to package.json

{
  "name": "webpack-demo3",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server --open"  // add a line here
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^5.8.0",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.0"
  }
}

Step3 run "npm start"

Solution:

LM-SHC-16508140:webpack-demo4 tsun1$ npm install -D webpack-cli@3