Webpack DevServer --open 选项答案

【问题标题】：Webpack DevServer --open optionWebpack DevServer --open 选项
【发布时间】：2019-04-05 22:03:15
【问题描述】：

我正在运行 Windows 10。默认浏览器是 Edge。我希望 Webpack 在 Firefox 中打开。

我试过了

devServer: {
      inline: true,
      open: 'mozilla',
      port: 8080
  },

但仍然在 Edge 中打开。也试过'firefox'。查看文档，它给出了 chrome 的示例，它的名称取决于操作系统。

有人知道我在 windows 10 上需要什么 Firefox 吗？

【问题讨论】：

标签： webpack-dev-server

【解决方案1】：

devServer: {
    contentBase: path.join(__dirname, "dist"),
    port: 8090,
    open: 'firefox'
}

它对我有用！
打开：谷歌浏览器的“chrome”。
env: os 是 windows 7.webpack-dev-server 版本是 3.1.14，webpack 版本是 4.28.3。

【讨论】：

node 是 v10.8.0，npm 是 6.2.0，如果不工作，您可以将 firefox 设置为默认浏览器。

【解决方案2】：

我更新了我的package.json 文件的以下部分，以便在 Firefox 而非我的默认浏览器中启动它。

    {
      "name": "webpack-starter",
      "version": "1.0.0",
      "description": "A light foundation for your next frontend project based on webpack.",
      "scripts": {
      "build": "webpack --config webpack/webpack.config.prod.js  --colors",
      "start": "webpack-dev-server --open firefox --config webpack/webpack.config.dev.js"
     },

注意这一行： "开始": "webpack-dev-server --open firefox --config webpack/webpack.config.dev.js"

我添加了firefox（我的默认浏览器是 Mac 上的 Chrome 和 Windows 10 上的 Edge）。保存，然后在终端中的命令是npm start。它现在应该在 Firefox 而不是 Chrome 中启动。

我发现这对 Mac 和 PC 都有效。我在这里使用了 github 上的 webpack-starter：https://github.com/wbkd/webpack-starter.git 为我的项目奠定基础。

有任何问题请告诉我！

【讨论】：