admin 管理员组

文章数量: 887021

webpack-dev-server 打开指定浏览器的正确方式

2019.03.26 00:14:44字数 201阅读 835

用的Mac电脑开发，浏览器默认是Safari，但是调试不太方便。

使用vue-cli 创建了项目，webpack-dev-server缺省设置是打开的默认浏览器，怎么改？于是乎找度娘，搜索出一堆结果：

结果基本上都是这样：

image

按照修改，然并卵，但是得到一个信息，webpack-dev-server 打开浏览器是用 opn 实现的，于是去看webpack-dev-server 的源码在bin/webpack-dev-server.js 看到如下代码：


open: {

    type: 'string',

    describe: 'Open the default browser, or optionally specify a browser name'

  },

再看 https://www.npmjs/package/opn 的文档：


const opn = require('opn');

// Opens the image in the default image viewer

opn('unicorn.png').then(() => {

    // image viewer closed

});

// Opens the url in the default browser

opn('http://sindresorhus');

// Specify the app to open in

opn('http://sindresorhus', {app: 'firefox'});

// Specify app arguments

opn('http://sindresorhus', {app: ['google chrome', '--incognito']});

似乎明白了修改代码：

修改 ：myvuetest/package.json 文件


  "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"

改成：


"dev": "webpack-dev-server --inline --progress --open 'google chrome' --config build/webpack.dev.conf.js"

搞定。

本文标签： 浏览器 方式 Dev webpack chrome

版权声明：本文标题：webpack-dev-server默认打开指定chrome浏览器的方式 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1728363783h1233960.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。