配置webpack-dev-server自动化

1.注意版本，可能会有冲突

个人建议使用以下版本，本人没有出现冲突。

"webpack": "^5.42.1",

"webpack-cli": "^4.9.2",

"webpack-dev-server": "^3.11.3"

可以使用@指定固定的版本号，最好在最后加上-D。

//在终端进行配置
npm install webpack@5.42.1 webpack-cli@4.9.2 webpack-dev-server@3.11.3 -D

2.定义了webpack的development或production模式还是有这些错误The 'mode' option has not been set, webpack......

可以在scripts配置如下代码

 "scripts": {
    "dev": "webpack serve --mode development"//你是什么webpack运行模式，mode后面就写什么
  },

或者对主目录下webpack.config.js文件进行如下处理

module.exports = {
    mode: 'development',
};

查了好多资料，解决了webpack-dev-server的配置这个问题，希望对你们有帮助