自动刷新浏览器，自动编译，自动打开浏览器，无需每次手动编译打包

    1. 下载
    2. npm i webpack-dev-server -D
    1. 配置
    2. devServer:{
    3.        contentBase:path.resolve(__dirname,'dist'),
    4.        //启动GZIP压缩
    5.        compress:true,
    6.        //本地启动端口号
    7.        port:3000,
    8.        //自动打开浏览器
    9.        open:true
    10.    }

    问题版本不兼容
    image.png
    解决办法，删除node_modules,将package.json版本换成以下版本,

    1.     "webpack": "^5.10.0",
    2.     "webpack-cli": "^4.2.0",
    3.     "webpack-dev-server": "^3.11.0"

    启动服务

    1. npx webpack-dev-server