1. 安装webpack-dev-server
   启动命令

npm install webpack webpack-cli webpack-dev-server -D

默认装的是最新版本啦，本人用的webpack5.0版本。
在package.json中添加

"scripts": {
    "start": "webpack-dev-server --open",
    "dev": "webpack --mode development",
    "build": "webpack --mode prdduction",
    "watch": "webpack --watch",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

在webpack.config.js中配置

module.exports = {
   devServer: {
        contentBase: path.join(__dirname, 'dist'),
        compress: true,
        port: 9000
    },
}

⚠️：运行npm start 报错。会出现如下错误

image.png

划重点，出现这种问题，我百度一圈， 都说依赖包版本不一致原因。 我把webpack， webpack-cli , webpack-dev-server统统删了结果还是未果。
最终我把webpack-cli降级 ,降到3.3版本。

npm install webpack-cli@3.3 -D 

本人用的webpack版本如下：

"webpack": "^5.4.0",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.0"

终于成功在本地把项目运行起来!!! 开心 ，给最近鼓掌👏👏👏

每天进步一点点，就是最大的开心😄😄😄