Webpack

Vue3全局组件批量注册可减少重复代码、便于统一管理与自动化导入。Vite环境下，在src/components/index.js中，用import.meta.glob批量导入.vue组件，提取文件名并注册为全局组件，main.js中通过app.use安装后，组件可在任意模板直接使用。

webpack:progress 钩子用于监听 Webpack 在构建过程中的进度更新。这是一个非常有用的特性，特别是在构建大型应用时，可以给开发者实时反馈，以便他们知道构建的进展情况。

webpack:done 钩子用于处理 Webpack 编译完成后的逻辑。在 Webpack 编译的所有任务完成后，这个钩子会被调用，通常用于通知开发者编译的状态、执行清理工作或作为开发工具的提示。

webpack:error 钩子是用于在 Webpack 编译过程中捕获和处理错误的一个重要机制。当发生编译错误时，这个钩子会被调用，通常用于在 UI 上给出反馈或者处理错误日志。

通过webpack:change钩子，开发者可以知道哪些文件被修改，并可以进行适当的处理，比如重新加载相关模块，或更新用户界面等。

webpack:compiled 钩子是在 Webpack 完成编译后调用的一个重要钩子。它允许开发者在资源加载并生成后的时刻执行一些特定的操作，比如处理生成的文件、记录日志、或者进行特定的清理工作。