1

如何使用配置选项打开Firefox开发者webpack serve版？devServer.open

我尝试在 Windows 上使用这些配置值：'Mozilla'、'mozilla'、'Firefox'、'firefox'、'Firefox Developer Edition'

devServer: {
  open: 'mozilla',
},

编辑：感谢您的回答。我想看看哪一个投更多的票，看看什么对人民有用。解决方案可能会有所不同，即每个操作系统版本。

4

3 回答 3

0

macOS 用户

为了使用 using 选项打开Firefox开发者版，您可以这样写应用程序的名称：webpack servedevServer.open

devServer: {
    contentBase: path.join(__dirname, "dist"),
    compress: true,
    open: "Firefox Developer Edition",
    port: 9001,
    historyApiFallback: true,
    stats: {
      colors: true,
    },
  }

至于其他浏览器，您需要写下您在应用程序文件夹中看到的确切名称。就像您使用终端应用程序打开浏览器一样。

  1. 这个问题给了我这个想法，看这里
  2. 在 macOS Big Sur 上测试
  3. Webpack v5.36.2
  4. Webpack-CLI v4.7.0
  5. webpack 开发服务器 v3.11.2
于 2021-05-09T13:05:17.983 回答
0

您可以指定要使用的浏览器的完整路径。请注意，这只适用于一台机器，因此不要在共享项目中使用它，也不要使用环境变量。这个配置对我有用：

devServer: {
    open: 'C:\\Program Files\\Firefox Developer Edition\\firefox.exe'
},
于 2021-03-24T14:51:38.937 回答
0

我遇到了同样的问题，找到了解决方法。

您需要将 Firefox 开发者版设置为默认浏览器才能正常工作。

https://www.npmjs.com/package/open#target

目标

类型：字符串

你想打开的东西。可以是 URL、文件或可执行文件。

在文件类型的默认应用程序中打开。例如，URL 在您的默认浏览器中打开。

然后像这样将目标属性添加到您的webpack.config.js

devServer: {
    contentBase: './dist',
    open: {
        target: 'index.html'
    }
}

我正在使用 Ubuntu，所以我不确定它是否可以在 Windows 上运行。

于 2020-12-18T06:51:14.597 回答