有没有办法配置webpack-dev-server打开指定的浏览器窗口？例如Mac上的Chrome Canary

Question

我用Google搜索过，找不到任何与此问题相关的内容。

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

在devServer选项对象中，我可以告诉webpack-dev-server打开＆＃34; Google Chrome Canary＆＃34;。我使用Mac，如果这有所不同。

Answer 1

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

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

除了谷歌搜索，您可能还想搜索包的存储库问题。需要一些时间和＃34;受欢迎程度＆＃34;谷歌在其他比赛之前显示它。

Answer 2

This is how I fixed the issue. In package.json:

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

of course, you can use webpack.config.js instead webpack.dev.js

In webpack.config.js:

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

This is for Google Chrome, so just use any other browser name.

Answer 3

我不确定我是否正确理解了您的问题，但browserSyncPlugin有一个“ - 浏览器”option，您可以通过该问题，例如“铬”。

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

Answer 4

对于MacOS：

1. 不要在webpack.config.js中使用devServer属性
2. 在package.json中使用它："start": "webpack-dev-server --open 'google chrome'"

Answer 5

对于Linux：（KDE Neon / Ubuntu）

• 不要在webpack.config.js中使用devServer属性
• 在package.json中使用它："start": "yarn serve --open chromium-browser"

我尝试了webpack.config.js的各种变体，例如
/ usr / bin / chromium-browser，铬，Chromium-Webbrowser，铬，铬，铬-webbrowser等等-没用