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

Question

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

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

Answer 1

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