Vue中自动批量注册组件、指令、store或route模块

• 需求：在Vue项目中实现自动批量注册，例如组件、指令、store或route模块等。
• 核心API：require.context
• 示例（以注册局部组件为例）：
  • 目录结构：
    • 
    • 
  • 代码：

    <script>
    // 自动注册form-config-item文件夹组件
    function fn1() {
      const formConfigItems = require.context('./form-config-item', true, /\.vue$/)
      const formConfigItemComponents = {}
      formConfigItems.keys().forEach(key => {
        key.replace(/\.\/(\S+)\//, (match, p1) => {
          formConfigItemComponents[p1] = formConfigItems(key).default
        })
      })
      return formConfigItemComponents
    }
    
    export default {
      components: {
        ...fn1(),
      },
    }
    </script>