Webpack动态导入 - 从多个库导入相同的名称

Question

在font awesome中，您使用webpack导入相同图标的不同样式，如下所示：

import fontawesome from '@fortawesome/fontawesome'
import faUserSolid from '@fortawesome/fontawesome-free-solid/faUser'
import faUserRegular from '@fortawesome/fontawesome-free-regular/faUser'

fontawesome.library.add(faUserSolid)
fontawesome.library.add(faUserRegular)

Example adapted from documentation

我有兴趣尝试同时导入所有样式。我的目标是做这样的事情：

['faUser'].forEach(function(icon) {
  import i from '@fortawesome/fontawesome-free-solid/${icon}'
  fontawesome.library.add(i)
  import i from '@fortawesome/fontawesome-free-regular/${icon}'
  fontawesome.library.add(i)
})

我知道我不能使用带导入的条件或循环。上面只是我伪代码的最好例子。我想我必须使用webpack's dynamic imports，但我不确定如何使用webpack块名称来修改示例。