webpack打包后自动弹出浏览器查看效果

当配置了webpack自动打包和预览页面后，每次打包都要复制 http://localhost:8080/ 到浏览器中查看效果，那么我们能不能在打包后自动打开浏览器查看效果呢，答案是可以的。

在package.json中的配置

注意：当我们端口被占用了就另外更换一个端口

package.js代码如下：

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server --open --host 127.0.0.1 --port 8887"
  },

注意：当我们项目出现打包的时候，需要在vscode中要停止自动打包，使用ctrl+c快捷键，选择 Y 接口停止自动打包功能

执行 webpack打包命令 ，我这儿是 npm run start

打包后就自动弹出浏览器页面了