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

Question

使用vue-cli-servicewhich 在引擎盖下使用 webpack，有没有办法进行设置，以便在热重载时清除浏览器控制台？

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

标签： vue.jsvue-cli

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()
    })
}