установить шрифт-офигенно с веб-пакетом - PullRequest
Новая
       8

установить шрифт-офигенно с веб-пакетом

0 голосов
/ 28 февраля 2019 
Module not found: Error: Can't resolve '../fonts/fontawesome-webfont.eot'

Я пытаюсь настроить удивительный шрифт с webpack. Я получил вышеупомянутые ошибки.

вот мой файл webpack.common.js: 

{
                test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                loader: 'file-loader'
            },
            {
                test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                loader: 'url-loader?limit=10000&mimetype=application/font-woff'
            }

однажды яimport: 

@import '~font-awesome/scss/font-awesome.scss';

много модулей не найдено.Я уверен, что я установил font-awesome-sass-loader, css-loader, url-loader, file-loader.

Может кто-нибудь подсказать, что я пропустил?Спасибо.

1 Ответ

0 голосов
/ 07 марта 2019

В моем HTML Starter Я использую файл-загрузчик с аналогичной конфигурацией Webpack: 

{
   test: /\.(woff(2)?|ttf|eot)(\?[a-z0-9=.]+)?$/,
   loader: 'file-loader',
   options: {
      outputPath: 'fonts',
      name: '[name].[ext]',
   },
   exclude: /node_modules/,
}

, но мне пришлось настроить publicPath в MiniCssExtractPlugin .loader также: 

{
   loader: MiniCssExtractPlugin.loader,
   options: {
      publicPath: '../',
   }
},

и я использовал resol-url-loader

Это мой коммит с добавлением загрузчика для шрифтафайлы: https://github.com/cichy380/html-starter-bs4-webpack/commit/285604e0cdcd3ff16ba88fe482f21ad77355ef87

...