Javascript 如何在单个文件中导入所有全局Vue组件

我有一个相当大的Vuejs应用程序。我已经在app.js文件中全局导入了所有组件。它工作正常，但为了更好的结构，我想将所有组件导入分离到一个单独的文件中。
可能吗？
以下是我的app.js文件示例：

window.Vue = require('vue');
Vue.component('loading', require('./components/global-components/Loading.vue').default);
Vue.component('carousel', require('./components/global-components/Carousel.vue').default);
Vue.component('dropdown', require('./components/global-components/Dropdown.vue').default);
Vue.component('tab', require('./components/global-components/Tab.vue').default);
...
...
...
...
More than 50 components here.

---

您可以安全地创建一个globalComponents.js

你的工作在哪里

Vue.component ('loading', require ('./ components / global-components / Loading.vue'). Default);

在main.js或app.js中

import 'path/to/globalComponents.js'

---

谢谢你的回复。我在创建此问题之前执行了此操作，但没有成功。这是正确的方法，问题是什么？我遇到一个错误，您没有在我的控制台中为所有组件正确注册组件。您确定要导入globalComponents文件吗？