require.context()

3 月，跳不动了？>>>

require.context(directory,useSubdirectories,regExp)

• directory：说明需要检索的目录
• useSubdirectories：是否检索子目录
• regExp: 匹配文件的正则表达式,一般是文件名

场景:如页面需要导入多个组件,原始写法:

import titleCom from '@/components/home/titleCom'
import bannerCom from '@/components/home/bannerCom'
import cellCom from '@/components/home/cellCom'
components: {
  titleCom, bannerCom, cellCom
}

样就写了大量重复的代码,利用 require.context 可以写成

const path = require('path')
const files = require.context('@/components/home', false, /\.vue$/)
const modules = {}
files.keys().forEach(key => {
  const name = path.basename(key, '.vue')  //返回文件名 不含后缀名
  modules[name] = files(key).default || files(key)
})
components: modules

 

来源：oschina

链接：https://my.oschina.net/u/560237/blog/3207087