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

  },

再看 的文档：

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.com);

// Specify the app to open in

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

// Specify app arguments

opn(http://sindresorhus.com, {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"

搞定。