Webpack DevServer --开放选项

Question

我运行的是windows 10。默认浏览器是Edge。我想让Webpack在火狐中打开。

我试过了

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

但在Edge中仍处于打开状态。我也尝试过“火狐”。看一下文档，它给出了一个chrome的例子，它根据操作系统的不同而有不同的名称。

有人知道我在windows10上的firefox需要什么吗？

Answer 1

​

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

​

这对我很有效！

打开:谷歌浏览器的“chrome”。

环境:操作系统为windows 7.webpack-dev-server版本为3.1.14，webpack版本为4.28.3。

Answer 2

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

    {
      "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-开发-服务器--打开火狐服务器--配置webpack/webpack.config.dev.js”

我添加了firefox (我的默认浏览器是Chrome on Mac和Edge on Windows10)。保存，然后在终端中命令为npm start。它现在应该在Firefox中启动，而不是Chrome。

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

任何问题都可以让我知道！