2021-06-13

webpack5.x使用webpack-dev-server报cannot find module xxx

使用webpack-dev-server命令报错，提示Error: Cannot find module ‘webpack-cli/bin/config-yargs’
查了许多资料都没搞清楚，都是在说wabpack-dev-server与webpack版本不兼容导致，需要降版本。降了版本又是各种新的问题出现，测试了许多次之后，还是去看官方文档比较准确。
后来查了webpack5.x官方文档，使用webpack serve命令直接启动服务，通过devServer中配置的端口访问即可。

 devServer: {//开发服务器的配置
 //端口号配置，默认为8080
  port: 3000,
  //进度条
  progress: true,
  //指定打开浏览器显示的目录，默认为根目录（项目目录）
  contentBase: './dist',
  hot:true,//热更新
  //open: true,//服务启动后自动打开默认浏览器
   open: 'Google Chrome',//打开指定浏览器
},

事实证明官方文档永远是最准确的。
其他配置请移步webpack5.x devServer官方文档