Почему webpack не видит шрифты?

Question

[Николай]

Вот скрин:


Вот конфиги(по дефолту):

rules: [
      ...(config.dev.useEslint ? [{
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        enforce: 'pre',
        include: [resolve('src'), resolve('test')],
        options: {
          formatter: require('eslint-friendly-formatter'),
          emitWarning: !config.dev.showEslintErrorsInOverlay
        }
      }] : []),
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test')]
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[hash:7].[ext]')
        }
      },
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('media/[name].[hash:7].[ext]')
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      }
    ]

Comments

[Kovalsky]

Вы если собираетесь форсировать тостер этим вопросом до тех пор пока его не решат, то хотя бы скажите через что вам будет удобнее оплачивать.

[Николай]

Я прошу прощения, просто я изначально поставил флаг что вопрос легкий, а изменить флаг нельзя, ну и коненгент ответить не может, так что мне остается, как не создать новый вопрос с другим флагом?

Answer 1

[Николай]

На помощь тем у кого возникла подобная проблема, пишу найденное решение. Суть ответа на вопрос заключается в том, что в шаблоне для vue под названием webpack не добавляется лоадер для парсинга шрифтов из vue файла, в то время, как шрифты можно подключить в js-файлы(main.js, к примеру)