- 安装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"
终于成功在本地把项目运行起来!!! 开心 ，给最近鼓掌👏👏👏
每天进步一点点，就是最大的开心😄😄😄
