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

在新的项目中,运用了新的webpack vue init 新的项目,然后发现npm start后,程序没有像之前一样自动打开浏览器,于是需要手动输入,这样很麻烦。阅读package.json发现原先的dev-server.js文件没有了(该文件里有autoOpenBrowser的设置),被webpack-dev-server取代了。
通过阅读webpack-dev-server的官方文档(https://webpack.js.org/configuration/dev-server/#devserver-open),得知可以通过加:

--open

参数的方法打开浏览器,package.json如下:

...
"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --open",
    "start": "npm run dev",
  },
...
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。