有没有办法配置 webpack-dev-server 打开指定的浏览器 window ？例如 Chrome 金丝雀 mac

Is there a way to configure webpack-dev-server to open a specified browser window ? For example Chrome Canary on mac

我用谷歌搜索了一下，找不到与该问题相关的任何内容。

我想要这个的原因是工作流程问题。我在 chrome canary 上设置了一个开发者帐户，并希望将与开发相关的所有内容都保存到该浏览器中。

在 devServer 选项对象中，有没有一个地方可以告诉 webpack-dev-server 打开 "Google Chrome Canary"。我使用 Mac，如果有区别的话。

我不确定我是否正确理解了您的问题，但是您可以将 browserSyncPlugin has a "--browser" option 传递给例如"chrome".

请注意，我没有找到您必须指定的确切值，但 "chrome" 似乎适用于 Windows 7.

看起来他们在 v2.8.0 中添加了在 open 选项中设置浏览器名称的可能性。 请注意，至少对于某些浏览器，浏览器名称将是 OS 特定的（它似乎直接传递给 opn 包，因此，规则相同）：

https://github.com/webpack/webpack-dev-server/pull/825

除了谷歌搜索之外，您可能还想在包的存储库问题中搜索。需要一些时间，"popularity" 在 google 之前将其显示在其他匹配项之上。

这就是我解决问题的方法。 在 package.json:

"start": "webpack-dev-server --config webpack.dev.js --open chrome",

当然可以用webpack.config.js代替webpack.dev.js

在webpack.config.js中：

devServer: {
        ...
        open: 'chrome'
      },

这是针对 Google Chrome 的，因此只需使用任何其他浏览器名称即可。

对于 MacOS：

  1. 不要在 webpack.config.js
    2. 中使用开发服务器 属性
  2. 在 package.json 中使用："start": "webpack-dev-server --open 'google chrome'"

对于Linux：(KDE Neon / Ubuntu)

  • 不要在 webpack.config.js
    • 中使用开发服务器 属性
  • 在 package.json 中使用："start": "yarn serve --open chromium-browser"

我尝试了 webpack.config.js 的各种变体，比如
/usr/bin/chromium-browser、Chromium、Chromium-Webbrowser、Chrome、chromium、chromium-webbrowser 以及什么都没有——没有任何效果