Конфигурация Webpack не может загружать шрифты из файлового загрузчика или url-загрузчика - PullRequest
0 голосов
/ 05 марта 2020

Это мой webpack.config.js файл //webpack.config.js

var path = require('path');
var webpack = require('webpack');
module.exports = {
 entry: './client/src/index.js',
 output: {
  path: path.join(__dirname, 'client/src'),
  filename: 'bundle.js'
 },
 module: {
  rules: [
    {
      test: /.jsx?$/,
      loader: 'babel-loader',
      exclude: /node_modules/,
      query: {
        presets: ['@babel/preset-env', '@babel/react']
      }
    },
    {
      test: /\.(png|jpe?g|gif|svg)$/i,
      use: [
        {
          loader: 'file-loader',
        },
      ],
    },
    {
      test: /\.scss$/,
      use: [
        {loader: "style-loader"},
        {loader: "css-loader"},
        {loader: "sass-loader"}
      ]
    },
    {
      test: /\.(ttf|eot|svg|png|woff(2)?)(\?[a-z0-9]+)?$/,
      use: [{
        loader: 'file-loader', options: {name: './img/[name].[ext]'}
      }]
    }
  ]
},
node: {fs: 'empty'}
}

Каким-то образом проверка правил для выбора файлов шрифтов не работает. Я пробовал несколько решений, но все безрезультатно.

Я получаю сообщение об ошибке

Module not found: Error: Can't resolve '../assets/fonts/roboto/Roboto-Regular.ttf'

У кого-нибудь есть другие варианты для меня. Я использую Webpack 4.

Спасибо

...