Используйте font-awesome с веб-пакетом - PullRequest
Новая
       16

Используйте font-awesome с веб-пакетом

0 голосов
/ 05 октября 2018

Я попытался импортировать fontawesome.scss, но похоже, что я делаю это неправильно.Итак, вот что я сделал:

  1. Первый, я установил его npm install @fortawesome/fontawesome-free
  2. Затем я настроил файл webpack.config.js с file-loader

{
  test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
  use: [{
    loader: 'file-loader',
    options: {
      name: '[name].[ext]',
      outputPath: 'fonts/'
    }
  }]
}

Попытался импортировать все вещи в мой файл main.scss

$fa-font-path: "../../node_modules/@fortawesome/fontawesome-free";

@import "../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";

@import "../../node_modules/@fortawesome/fontawesome-free/scss/solid";

Затем я попытался собрать npm run build и получил ошибки:

ERROR in ./src/scss/main.scss Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleNotFoundError: Module not found: Error: Can't resolve '../../node_modules/@fortawesome/fontawesome-free/fa-solid-900.eot' in 'C:\Users\gosto\Documents\project\src\scss'

1 Ответ

0 голосов
/ 05 октября 2018
  1. Проверьте, добавлен ли модуль npm в файл package.json
  2. Найдите пакет в node_modules и проверьте, есть ли у вас файлы в относительном пути, который вы упомянули.

  3. Считайте документы для пакета здесь

  4. Следуйте тому, как пакет сконфигурирован и импортирован в документы

...