从模块导入多个条目并分配给 JavaScript 中的某个别名

Question

我想从模块导入多个条目并分配给某个别名。这可能吗？目前我做

import {
  mdiAlert,
  mdiCheck,
  mdiDelete,
  ... 40 more ...
} from '@mdi/js'

export default new Vuetify({
  icons: {
    values: {
      mdiAlert,
      mdiCheck,
      mdiDelete,
      ... 40 more ...
    }
  }
})

是否可以

import { one, two, three } as something from 'module'

以某种方式避免代码重复？

Answer 1

不可以，您不能将几个模块条目导入到一个对象中。您需要在本地别名下导入绑定，然后分别从它们构建对象。

但是，您可以做的是将 complete 模块导入为命名空间对象：

import * as mdiValues from '@mdi/js'

export default new Vuetify({
  icons: {
    values: mdiValues,
  }
})

Answer 2

4年后我无意中找到了方法。 您只需使用

icons.ts

语法创建

export {..} from

文件：

export {
  mdiAlert,
  ...40 more...
} from '@mdi/js'

然后只需使用

import * as

语法导入它：

import * as mdiIcons from './icons'

export default new Vuetify({
  icons: {
    values: mdiIcons
  }
}