webpack - 停止 webpack-dev-server 从已打开站点的浏览器选项卡中聚焦

标签 webpack webpack-dev-server

这是发生的事情:

  • 我用 { devServer: { open: false } } 启动 webpack-dev-server (这是默认设置,但无论如何我都尝试使其明确;无济于事)。
  • 我开http://localhost:8080在浏览器中。它显示页面没问题。
  • Command+Tab到其他窗口,将浏览器窗口隐藏在其后面。
  • 我在 .js 中更改了一些内容webpack-dev-server 监视的文件并保存。
  • webpack-dev-server 启动,重新发送 Assets (到目前为止一切顺利)和...
  • 先前打开的浏览器窗口 localhost选项卡突然弹出并成为焦点,将自己定位在我当时正在处理的任何内容的前面。

  • 所以与 { open: false }我阻止 WDS 打开 新品 每次我更改某些内容时都使用选项卡,这很好。但是如何阻止 WDS 自动聚焦我已经打开的选项卡?

    最佳答案

    对我来说,启用热模块更换(使用 webpack serve --hot )解决了这个问题。

    关于webpack - 停止 webpack-dev-server 从已打开站点的浏览器选项卡中聚焦,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52488796/

    相关文章:

    node.js - 我目前正在安装 "npm install --save dev webpack webpack-dev-server"但我遇到了这个问题

    javascript - 使用 webpack-dev-server 找不到模块 'webpack'

    javascript - 如何使用 webpack 开发服务器部署 Webpack 应用程序?

    node.js - 有没有办法让 webpack 不显示它正在编译的所有 block ?

    javascript - Webpack 热模块替换,react 18 ReactDOMClient.createRoot() 在之前已经传给 createRoot() 的容器上

    css - 在 express + webpack 服务器中提供 css

    node.js - webpack错误: custom keyword definition is invalid: data/errors should be boolean

    Webpack 5 模块联合失败处理

    webpack-dev-server 打开 localhost :8080/undefined