vue-cli3项目可以每次保存的时候热模块刷新自动console.clear()吗?

vue-cli3项目可以每次保存的时候热模块刷新自动console.clear()吗?

H5项目,每次保存热更新之后,因为控制台输出的上次的console信息还在,为了避免混淆,个人强迫症驱使下还是得手动点击下F5刷新

想问一下,有什么办法可以在热更新的时候,同时自动清除上一次代码在控制台的console出的信息呢?


回答:

// main.js 入口文件

if (module.hot) {

module.hot.accept();

window.addEventListener('message', e => {

if ('production' !== process.env.NODE_ENV) {

console.clear();

}

});

}

or

// main.js 入口文件

if (module.hot) {

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

module.hot.addStatusHandler(status => {

if (status === 'prepare') console.clear()

})

}

以上是 vue-cli3项目可以每次保存的时候热模块刷新自动console.clear()吗? 的全部内容, 来源链接: utcz.com/p/936573.html

回到顶部