Динамический импорт Webpack - импорт одного и того же имени из нескольких библиотек
В удивительном шрифте вы используете 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.