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" 

搞定。