使用uni-app自动注册全局组件

全局共用组件为经常使用，所以自动化注册是个不错的选择；

方式1：webpack的 require.context方式
此方式适用于浏览器端，如需兼容看下面的方式2

// /*
//  **全局注册组件
//  ** 放在components/global文件夹下
//  ** 仅适用于h5端， 微信端-移步到pages.json的easycom配置, 以App开头命名name
//  */
const requireComponent = require.context(
	'./global',
	true,
	/\.vue$/
)
export
default Vue => {
	requireComponent.keys().forEach(fileName => {
		const componentConfig = requireComponent(fileName),
			component = componentConfig?.default
		// Vue.component(component.name, component) //同步
		// Vue.component(component.name, () =>  import(`${componentConfig.__file}`))  //异步 -会报警告，webpack版本问题 改成Promise.resolve
		Vue.component(component.name, () =>  Promise.resolve(require(`${componentConfig.__file}`)))  //异步
	})
}

方式2：easycom方式

打开pages.json 文件，加入easycom配置：

	"easycom": {
		"autoscan": true, 
		"custom": { 
			"^App(.*)": "@/components/global/App$1.vue",
			"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
		}
	},