首页 > 解决方案 > 停止 webpack-dev-server 聚焦已打开站点的浏览器选项卡

问题描述

这是发生的事情:

  1. 我启动 webpack-dev-server { devServer: { open: false } }(这是默认设置,但我尝试让它明确;没有帮助)。
  2. http://localhost:8080在浏览器中打开。它显示页面正常。
  3. Command+Tab到另一个窗口,将浏览器窗口隐藏在它后面。
  4. 我更改了.jswebpack-dev-server 监视的文件中的某些内容并保存。
  5. webpack-dev-server 启动,重新发送资产(到目前为止一切顺利)并且......
  6. 带有先前打开的localhost选项卡的浏览器窗口突然弹出并占据焦点,将自身定位在我当时正在处理的任何内容的前面。

因此,每当我更改某些内容时,{ open: false }我都会阻止 WDS 打开一个新选项卡,这很好。但是如何阻止 WDS 自动对焦我已经打开的选项卡?

标签: webpackwebpack-dev-server

解决方案


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


推荐阅读