Webpack DevServer-打开选项

时间:2018-11-20 09:22:04

标签: webpack-dev-server

我正在运行Windows10。默认浏览器是Edge。我希望Webpack在firefox中打开。

我尝试过

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

但仍在Edge中打开。也尝试过“ firefox”。通过查看文档,它提供了chrome的示例,其名称取决于操作系统。

有人知道我在Windows 10上需要使用Firefox吗?

2 个答案:

答案 0 :(得分:0)

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

对我有用!
打开:适用于Google浏览器的“ chrome”。
env:操作系统是Windows7。webpack-dev-server版本是3.1.14,webpack版本是4.28.3。

答案 1 :(得分:0)

我更新了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"
     },

请注意以下行: “ start”:“ 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 作为我项目的基础。

任何问题都让我知道!