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

vwoqyblh  于 2023-02-06  发布在  Go
关注(0)|答案(6)|浏览(292)

我已经在谷歌上搜索过了,找不到任何与这个问题有关的东西。
我想要这个的原因是工作流问题。我已经在Chrome Canary上设置了一个开发者帐户,并希望将所有与开发相关的东西保留到那个浏览器。

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

6vl6ewon

6vl6ewon1#

看起来他们在v2.8.0中添加了在open选项中设置浏览器名称的可能性。请注意,至少对于某些浏览器,浏览器名称将是特定于操作系统的(它似乎直接传递到opn包,因此,规则相同):
https://github.com/webpack/webpack-dev-server/pull/825
除了谷歌搜索,你可能还想在软件包的存储库中搜索问题。在谷歌将其显示在其他匹配项的顶部之前,需要一些时间和“流行度”。

vfhzx4xs

vfhzx4xs2#

下面是我解决这个问题的方法。在package.json中:

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

当然,您可以使用webpack.config.js而不是webpack.dev.js
在webpack. config. js中:

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

这是谷歌浏览器,所以只要使用任何其他浏览器名称。

2nbm6dog

2nbm6dog3#

对于MacOS:
1.不要在webpack.config.js中使用devServer属性
1.在package. json中使用以下代码:"start": "webpack-dev-server --open 'google chrome'"

tcomlyy6

tcomlyy64#

我不确定我是否正确理解了你的问题,但是browserSyncPlugin有一个“--browser”option,你可以向它传递例如“chrome”。
请注意,我没有找到您必须指定的值,但“chrome”似乎在Windows 7上工作。

2mbi3lxu

2mbi3lxu5#

适用于Linux:(KDE neon / Ubuntu)

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

我尝试了webpack.config.js的各种变体,例如
/usr/bin/chromium-browser, chrome , chrome -网页浏览器, chrome , chrome , chrome -网页浏览器什么的-没有工作

kpbpu008

kpbpu0086#

我必须指定此选项才能强制webpack-dev-server在我的Mac上的Chrome应用程序中打开窗口:

open: {
  app: {
    name: 'Google Chrome'
  }
}

因此,在您的情况下,使用Google Chrome Canary的相同解决方案也可能有效。

相关问题