epic: https://www.webpackjs.com/guides/development/#%E4%BD%BF%E7%94%A8-webpack-dev-server
复现：
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
