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

船到桥头自然直
  • 132

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

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

回复
阅读 653
1 个回答
VisionM
  • 1.1k
✓ 已被采纳
// 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()
    })
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏