摘要：
将此命令写入程序包。json，您不必每次都执行它。“脚本”：｛“start”：“webpackserve-openChrome.exe”｝，npmrunstart页正常启动。问题2：设置热点：真的，在应用程序中更改一些内容。随意浏览，发现终端确实重新打包了，但浏览器页面没有改变。手动刷新后，它会发生变化。然而，该属性在官方文档中的默认值是web，即不需要设置即可设置。可能是webpack5和webpack-dev-server3之间的兼容性问题导致此属性无效。它需要在工作之前进行设置。
说明：这里使用的是webpack: "^5.9.0",webpack-cli: "^4.2.0",webpack-dev-server: "^3.11.0"
问题1：通过 npx webpack-dev-server 启动项目失败，报错：Error: Cannot find module 'webpack-cli/bin/config-yargs'
解决办法：使用 webpack serve --open 命令启动，这里需要注意，执行后会提示缺少打开对象
"scripts": {
"start": "webpack serve --open Chrome.exe"
},
执行 npm run start 页面就正常启动了
问题2：设置了hot:true,更改app.vue里面随意更改点东西，发现终端确实重新打包了，但是浏览器页面并没有发生变化，手动刷新后，确实发生了更改。
解决办法：在webpack配置文件中设置 target: 'web'，添加之后确实生效。但是看官方文档 这个属性的默认值就是web 也就是说不设置就可以，可能还是webpack5与webpack-dev-server3兼容性问题导致这个属性失效了，需要设置后才起作用。