Veu 使用webpack require.context() 批量注册组件

140 阅读1分钟

目标 : 使用 webpack 提供的 require.context 批量注册组件

  • 1.公共组件文件夹 index.js 声明变量

image.png

  • requore/context(文件路径, 是否深层查找, 文件后缀)

  • 打印变量 image.png

  • 其中有一个 keys()

image.png

  • 此时会拿到 components文件夹下的需要注册的组件

  • 便利数组拿到的数组

image.png

遍历后的数组

image.png

  • 拿到需要注册的组件对象 使用 Vue.use() 循环注册

image.png

  • Vue.component(组件名,组件对象)