React отображает стили FontAwesome на странице - PullRequest
Новая
       7

React отображает стили FontAwesome на странице

0 голосов
/ 15 мая 2018

Я могу отображать различные значки FontAwesome в своем приложении React, но в то же время - в верхней части моей страницы он также отображает необработанные стили CSS, которые поставляются с FontAwesome. Если я осматриваю свою страницу - я вижу там элемент стиля с type = css. Я считаю, что я работаю с файлами CSS в своем веб-пакете с помощью: 

  {
    test: /\.css$/,  
    include: /node_modules/,  
    loaders: ['style-loader', 'css-loader'],
  },

Не уверен, почему он это делает.

1 Ответ

0 голосов
/ 16 мая 2018

Если вы используете Font Awesome 5 SVG с JS , то по умолчанию Font Awesome автоматически добавит свой CSS при первом отображении значка, если вы не установите autoAddCss на falseв конфиге.Вы можете узнать больше о настройке параметров конфигурации здесь.Чтобы отключить это, вы можете добавить блок <script>, чтобы установить config перед загрузкой Font Awesome js, например: 

<script type="text/javascript">
  window.FontAwesomeConfig = { autoAddCss: false }
</script>

Или вот так внутри модуля JavaScript, которыйзагружает FontAwesome - до FontAwesome пытается отобразить первый значок: 

import fontawesome from "@fortawesome/fontawesome";
fontawesome.config = { autoAddCss: false };

ОБНОВЛЕНИЕ: приведенные выше примеры текущие способы сделать это, начиная с Font Awesome 5.0.Икс.С выпуском 5.1 у нас будет другой способ сделать это, что описано в наших превью документах здесь .

...