webpack - 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)

改编自文档的示例

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

['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 的动态导入，但我不确定如何使用 webpack 块名称来调整示例。