javascript - 是否可以使用循环导入多个 Vue 插件？避免手动输入所有文件

Question

我想用一些循环替换这部分代码，该循环.js将从指定目录中导入所有文件（本例中为插件）。

import AlertPlugin from '@/plugins/AlertPlugin';
Vue.use(AlertPlugin);

import AxiosPlugin from '@/plugins/AxiosPlugin';
Vue.use(AxiosPlugin);

import ConfigPlugin from '@/plugins/ConfigPlugin';
Vue.use(ConfigPlugin);

import TranslationPlugin from '@/plugins/TranslationPlugin';
Vue.use(TranslationPlugin);

标签： javascriptvue.jswebpackbabeljs

Answer 1

使用babel-plugin-wildcard解决

import * as plugins from './plugins/';
Object.keys(plugins).forEach(key => {
   Vue.use(plugins[key]);
});