【发布时间】:2018-09-24 23:57:19
【问题描述】:
发生了什么:
- 我使用
{ devServer: { open: false } }启动 webpack-dev-server(这是默认设置,但我尝试将其明确化;没有帮助)。 - 我在浏览器中打开
http://localhost:8080。页面显示正常。 - 我
Command+Tab到另一个窗口,将浏览器窗口隐藏在它后面。 - 我更改了 webpack-dev-server 监视的
.js文件中的某些内容并保存。 - webpack-dev-server 启动,重新发送资产(到目前为止一切顺利),然后...
- 带有先前打开的
localhost选项卡的浏览器窗口突然弹出并占据焦点,将自身定位在我当时正在处理的任何内容的前面。
因此,使用{ open: false } 时,我会阻止 WDS 在每次更改某些内容时打开 new 选项卡,这很好。但是如何阻止 WDS 自动聚焦已打开的选项卡?
【问题讨论】:
-
奇怪..我在 Windows10+Chrome+Webpack4.19.1 上没有这样的问题,
open: true也没有。听起来很愚蠢,但以防万一,用你的网站打开浏览器,打开 devtools,输入这个重新加载脚本setTimeout(function(){window.location.reload()}, 5000);并突然切换回你的开发 IDE 以确保它是因为 devserver :) -
如果我这样做,页面会在后台重新加载。浏览器窗口不会夺回焦点。
-
您找到解决方案了吗?这真的很烦人:-/
标签: webpack webpack-dev-server