[JavaScript知识库]vue 批量导入组件

import path from 'path'
const files = require.context('./components', false, /\.vue$/) 
const modules = {}
// 组件导入
files.keys().forEach((key) => {
  const name = path.basename(key, '.vue') 
  /**
   * path.basename获取vue文件名，也可以用正则表达式匹配
   * key.replace(/^\.\/(.*)\.\w+$/, '$1')
   **/
  modules[name] = files(key).default || files(key)
})
export default {
  name: 'test',
  components: modules,
}

require.context(directory,useSubdirectories,regExp)
directory:表示检索的目录
useSubdirectories：表示是否检索子文件夹
regExp:匹配文件的正则表达式,一般是文件名