Vite自动注册自定义组件

扫描所有的vue文件

// 获取所有的.vue文件
export const getComponentAll = () => {
	// 读取所有的.vue文件
	const files = import.meta.globEager("/*/*.vue");
	const components = [];
	// 找到所有的组件
	for (const key in files) {
		if (Object.prototype.hasOwnProperty.call(files, key)) {
			components.push(files[key].default);
		}
	}
	return components;
};

// 自动安装组件
function install(app) {
	// 遍历组件集合,注册组件
	getComponentAll().forEach((Component) => {
		// 注册组件
		app.component(Component.name, Component);
	});
}

export default {
	install,
};

使用插件

import plugins from "./plugins";
createApp(App).use(plugins).mount("#app");