vue教程涉及

Posted 2021-01-05 qq3279338858

require

require.context引入多个文件

import BaseButton from ‘./components/BaseButton.vue‘
import BaseIcon from ‘./components/BaseIcon.vue‘
import BaseInput from ‘./components/BaseInput.vue‘

// 可写为
const requireComponent = require.context(
  // 其组件目录的相对路径
  ‘./components‘,
  // 是否查询其子目录
  false,
  // 匹配基础组件文件名的正则表达式
  /Base[A-Z]w+.(vue|js)$/
)

// 返回
requireComponent  === {
    BaseButton:{...组件参数...},
    BaseIcon:{...},
    BaseInput:{...}
}