Почему Webpack не собирает font-awesome?

235
07 февраля 2018, 14:33

Использую популярный в гайдах для новичков метод импорта стилей в приложение:

import './img/favicon.ico';
import 'normalize.css'; //  Установлено в "dependencies"
import 'flexboxgrid2';  //  Установлено в "dependencies"
import 'font-awesome';  //  Установлено в "dependencies"
import './scss/main.scss';

Первые два пакета стилей разрешаются в node_modules и собираются без вопросов, а на font-awesome выдаёт это:

Module not found: Error: Can't resolve 'font-awesome' in 'C:\...\...\...

Я уже было решил указать вручную путь до причинного css или scss файла в директории установки, но подумал, что это, наверно, не здорово. Хотя бы потому, что не так красиво. Кроме того, судя по результатам беглого поиска, подружить webpack и fontawesome - задача в принципе нетривиальная. Так что, собственно, мне нужно для этого знать?

Answer 1

Так тебе надо импортировать не сам пакет, а только .css файл, который там. Ну и проверь подхватывает ли он еще и сами файлы шрифта.

import "font-awesome/scss/fontawesome.scss";

READ ALSO
Почему не добавляет новую строку?

Почему не добавляет новую строку?

Привет, есть такой вот код, но когда в консоли прописываешь addTask('Hello, World!') для добавления нового пункта оно высвечивает ошибку, что это пустая...

217
Можно ли задать .serialize() параметры?

Можно ли задать .serialize() параметры?

Есть форма с чекбоксами, на нее подвязан serialize(), который хватает соответственно атрибуты name и valueПолучается: checkbox=1&checkbox=2

189
JS/Jquery защита от частых нажиманий

JS/Jquery защита от частых нажиманий

Предположим есть такой скрипт:

203
Парсинг строки key.key2 в много мерный object

Парсинг строки key.key2 в много мерный object

Подскажите пожалусто как можно реализовать переобразование из одно мерного обекта в многомерный

168