从多个来源导入

Question

I am trying to import all icons from different sources as Icons , something like that: 我正在尝试将来自不同来源的所有图标导入为Icons ，诸如此类：

import * as Icons from {"@fortawesome/fontawesome-free-solid","@fortawesome/fontawesome-free-regular","@fortawesome/fontawesome-free-brands"}

but it is not a correct syntax. 但这不是正确的语法。

Answer 1

Create an aggregator file ie icons.js 创建一个聚合器文件，即icons.js

import like from 'likeIcon.js';
import menu from 'menuIcon.js';
import bird from 'birdIcon.js';

export default {
  like,
  menu,
  bird
};

Then you can import all the icons you need 然后，您可以导入所需的所有图标

import {like, bird} from './icons.js';

You can also import the icons object 您也可以导入图标对象

import icons from './icons.js'

and then use them as icons.like or icons.menu 然后将它们用作icons.like或icons.menu