重新加载时，webpack vue cli clear浏览器控制台

是指在使用Webpack构建Vue项目时，通过Vue CLI工具进行开发和打包，在重新加载页面时，清空浏览器控制台的输出信息。

Webpack是一个现代JavaScript应用程序的静态模块打包工具，它可以将多个模块打包成一个或多个bundle文件，以优化加载速度和性能。Vue CLI是一个基于Vue.js进行快速开发的完整系统，它集成了一系列的工具和配置，可以帮助开发者快速搭建Vue项目。

在开发过程中，我们经常会在浏览器控制台输出一些调试信息或错误信息，以便进行调试和排查问题。然而，当我们重新加载页面时，之前的控制台输出信息可能会保留，导致新的调试信息被淹没在大量的旧信息中，不利于问题的定位和解决。

为了解决这个问题，可以在重新加载页面时，通过清空浏览器控制台来清除之前的输出信息。具体的实现方式可以通过以下步骤来完成：

1. 在Vue CLI的配置文件中，找到webpack的配置项，一般是vue.config.js文件。
2. 在配置文件中，找到configureWebpack或chainWebpack字段，用于配置Webpack的相关选项。
3. 在Webpack配置中，找到devServer字段，用于配置开发服务器的选项。
4. 在devServer中添加before钩子函数，该函数会在Webpack Dev Server启动之前执行。
5. 在before钩子函数中，使用console.clear()方法来清空浏览器控制台的输出信息。

这样，在每次重新加载页面时，浏览器控制台的输出信息就会被清空，只显示当前页面的调试信息，方便开发者进行调试和排查问题。

需要注意的是，清空浏览器控制台的输出信息只是为了方便调试和排查问题，并不会影响实际的运行结果。在生产环境中，建议不要清空控制台输出信息，以便及时发现和解决潜在的问题。

关于Webpack、Vue CLI和浏览器控制台的更多信息，可以参考以下链接：

• Webpack官方网站：https://webpack.js.org/
• Vue CLI官方文档：https://cli.vuejs.org/
• 浏览器控制台使用指南：https://developer.chrome.com/docs/devtools/console/