vue.js - 如何设置我的 Vue.js 站点以在每次热重载事件时清除浏览器的 Javascript 控制台？

Question

我有一个带有 Webpack Dev Middleware 的 Vue.js 站点(通过 HTTP.sys Web 服务器通过 ASP.NET Core 站点提供服务，但我猜这无关紧要)。有谁知道如何设置我的站点以在每次热重载事件时清除浏览器的 Javascript 控制台？

这是 the only related link我可以找到，但它似乎是针对我未使用的网络服务器。我不确定为什么特定的 Web 服务器很重要。

Answer 1

在我的主应用 .js 文件中:

if (module.hot) {
    module.hot.accept() // already had this init code 

    module.hot.addStatusHandler(status => {
        if (status === 'prepare') console.clear()
    })
}

这让它对我来说一直有效。

另见 https://webpack.js.org/api/hot-module-replacement/#addstatushandler .