easycom组件模式是怎么回事
easycom组件就是符合components/组件名称/组件名称.vue目录结构的组件。
简单说,只要听从官方的约定,那么无需引入、无需注册,可以实现开发时全局使用、打包时按需打包。
注意事项:
官方文档说的注意事项我就不重复了。
小程序原生组件要放到/wxcomponents/里面,并不是放到components里面,也不适用easycom。
符合components/组件名称/组件名称.vue目录结构,只要存放,无需其他任何操作就会被HBuilderX认出,但现实中几乎没人这么存,因为我们可能要使用多个组件库,这时候怎么办?你可以到pages.json去明确注册一下,这样存放路径就不那么受限了。例如:
// pages.json
{
"easycom": {
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
},
// 以下为pages.json本身已有的内容
"pages": [
// ......
]
}
我们就看这行,它其实类似于正则替换,以u-开头的组件名,都会自动去@/uview-ui/components里面找。
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
如果还有一个组件库也是以u-开头作为组件名呢?怎么解决冲突