请教一下各位大神。webpack的devServer怎么配置开服务自己打开浏览器。

Question

请教一下各位大神。webpack的devServer怎么配置开服务自己打开浏览器。

Answer 1

var opn = require('opn')
opn(uri)

Answer 2

经过查看官方文档发现配置open参数就行；

devServer: {
    contentBase : "./dist",
    open : true,
    port: 9000,
    inline: true
}

Answer 3

或者用一个插件也可以，在你起服务的时候自动帮你打开浏览器open-browser-webpack-plugin
用法也非常的简单

var OpenBrowserPlugin = require('open-browser-webpack-plugin');//帮助打开浏览器
plugins : [
    new OpenBrowserPlugin({
        url: 'http://localhost:3000'
    }),
]

Answer 4

我现在解决用了open 的模块。。。
但是我不使用open模块。我在配置里面增加open:true 还是没有自动打开浏览器。这是怎么回事？

Answer 5

实测open:true, 可以!

Answer 6

更新：好坑，是 package 里加了 --open，今早起来发现的。。。

---

我在 config 配置 open: false 了还是每次 run dev 就自动打开浏览器，神烦，快来救救我。