vue / nuxt / webpack组件可以公开导入吗？ （不是全局的）

Question

我想简化代码，类似于如何在vue（nuxt）中全局注册组件

但是我不希望它们可用于所有页面（全局）。相反，我想在某个文件中导入一堆组件，然后将该文件追加到我需要的位置（导入公共文件）。

---

我已经尝试将其保存在变量或函数对象（普通js）中，检查vue文档，公共导入。无法确定查找位置。我认为这是因为webpack需要在编译时知道精确的位置，但不确定。我们想要避免的事情（来自vue文档）：

import BaseButton from './BaseButton.vue'
// bunch of components

export default {
  components: {
    BaseButton,
    // bunch of components
  }
}

---

期望的结果（我认为是可能的）：

<template>
  <div>
    <ComponentA />
    // ... 
<script>
  import BaseComponentsA from '~/path/to/A'
  export default {
    components: {
      BaseComponentsA // contains Component A
    }
  }
</script>

---

我不想要想要的是全局导入它们，并使ComponentA可用于所有页面，

const requireComponent = require.context (...

通过在main.js（或nuxt.config.js）中进行操作。

---

错误：：由于我不确定要看的地方和要做什么，因此我通常会遇到语法错误。

由于所有搜索最终都指向全局注册，因此我似乎找不到找到该森林的方法。新手时间：/

谢谢！