循环引入文件

最新推荐文章于 2022-06-23 19:21:52 发布

csstmg

最新推荐文章于 2022-06-23 19:21:52 发布

阅读量91

点赞数

分类专栏：前端 element vant

本文链接：https://blog.csdn.net/csstmg/article/details/118224560

版权

前端同时被 3 个专栏收录

171 篇文章 1 订阅

订阅专栏

element

104 篇文章 0 订阅

订阅专栏

vant

13 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<script>
const components = {}

// 一个对象
const componentsContext = require.context('../msgTypeComponent', true, /.*.vue$/)

componentsContext.keys() // ['./card.vue']
.forEach(component => {
  const componentConfig = // 每个.vue文件对象属性
  componentsContext(component).default
  const cmpName = componentConfig?.name //对应的名字
  cmpName && (components[cmpName] = componentConfig)
})

export default {
  components,
  props: {
    messageInfo: {
      default: () => ({}),
      type: Object
    }
  }
}
</script>

在这里插入图片描述

引入js文件

const children = (requireContext => {
  const arr = requireContext.keys().map(requireContext)
  return arr.filter(module => module.default).map(item => item.default)
})(require.context('../router', false, /^\.\/.*\.js$/))