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

Question

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

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

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