Динамический импорт 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.

0 ответов

Другие вопросы по тегам