vue.js - webpack vue cli 在重新加载时清除浏览器控制台

Question

使用后台使用 webpack 的 vue-cli-service，有没有办法进行设置以便在热重载时清除浏览器控制台？

不断在控制台日志中看到与应用上次保存时的当前状态无关的旧消息不是很有效。

Answer 1

通过将此添加到 main.js 文件，每次发生热重载时，简单地继续清除控制台

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

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

main.js 文件现在是

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(App)
}).$mount('#app')

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

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