webpack5.x使用webpack-dev-server

版本

	"webpack": "^5.27.2",
    "webpack-cli": "^4.5.0",
    "webpack-dev-server": "^3.11.2"

报错
npx webpack-dev-server

Error: Cannot find module ‘webpack-cli/bin/config-yargs’

webpack serve

[webpack-cli] For using ‘serve’ command you need to install: ‘webpack-dev-server’ package
× Would you like to install ‘webpack-dev-server’ package? (That will run ‘npm install -D webpack-dev-server’) (Y/n) · true

解决办法

修改package.json

"scripts": {
     
    "dev": "webpack serve --mode development"
  }

运行：npm run dev

补充webpack.config.js配置

devServer:{
     
		// 打包后输入的目录
		contentBase:resolve(__dirname,'build'),
		// 启动gizp压缩
		compress:true,
		port:3000
	}