uniapp实现自动导入组件

uniapp实现自动导入组件

在uniapp中，自动导入组件可以提高开发效率和代码维护性，可以避免手动引入组件，非常方便，其实uniapp官方已经提供了自动导入组件的方法，在pages.json文件中配置以下代码即可：

  // 组件自动引入规则
  "easycom": {
    // 是否开启自动引入
    "autoscan": true,
    // 以正则的方式完成引入
    "custom": {
      // (.*) 代表的是组件的名 ，这里的查找规则是自动查找components文件下， 自动匹配 X-开头的文件夹，然后找到里面的X-开头并以.vue结尾的文件
      "^X-(.*)": "@/components/X-$1/X-$1.vue"
    }
  },