如何配置webpack.mix.js阻止Browsersync自动打开浏览器标签页

要实现只让Browsersync监听端口、不自动打开浏览器标签页，只需在webpack.mix.js的Browsersync配置中添加open: false选项即可，具体操作如下：

• 打开项目根目录下的webpack.mix.js文件
• 根据你当前的Browsersync使用方式修改配置：

情况1：已使用对象形式配置Browsersync #

直接在配置对象中加入open: false：

mix.browserSync({
    proxy: 'your-local-domain.test', // 替换为你的本地开发域名/地址
    open: false // 禁用自动打开浏览器
});

情况2：使用简写形式调用Browsersync #

将简写的字符串参数改为对象形式，添加open: false：

// 原简写方式：mix.browserSync('your-local-domain.test');
// 修改为：
mix.browserSync({
    proxy: 'your-local-domain.test',
    open: false
});

配置完成后，运行npm run watch或npm run hot启动Mix时，Browsersync只会启动监听服务，不会自动弹出浏览器标签页。你可以手动在浏览器中访问对应的地址（默认是http://localhost:3000，如果配置了代理则是你的本地域名）。

如果需要自定义监听端口，还可以额外添加port参数指定端口号：

mix.browserSync({
    proxy: 'your-local-domain.test',
    open: false,
    port: 3001 // 自定义Browsersync监听端口
});

内容的提问来源于stack exchange，提问作者Bob Rockefeller