让webpack-dev-server启动服务时自动打开浏览器

编程知识 更新时间:2023-04-22 12:26:59

最近用vue-cli脚手架安装vue模板后,使用npm run dev发现服务运行后不能自动打开浏览器,查看了一下package.json文件,里面的部分内容如下:

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
  },

脚手架使用了webpack-dev-server服务,查看了一下该服务使用方法,得知可以通过添加 --open 让服务启动后自动打开浏览器,代码修改如下:

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --open",
    "start": "npm run dev",
    "build": "node build/build.js"
  },

这是具体增加的位置,怕有的小伙伴注意不到,特意提醒一下

此时再重新运行一下npm run dev 项目就可以在浏览器中自动打开网页了,get!!!

更多推荐

让webpack-dev-server启动服务时自动打开浏览器

本文发布于:2023-04-17 03:36:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/51fd134c8c8b7eb4e84434dab7289082.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:打开浏览器   webpack   dev   server

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 82466文章数
  • 7048阅读数
  • 0评论数