标签：context   ase   icon   text   com   相对路径   文件名   教程   port   

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:{...}
}

vue教程涉及

标签：context   ase   icon   text   com   相对路径   文件名   教程   port   

原文地址：https://www.cnblogs.com/qq3279338858/p/9625507.html