Загрузка шрифтов и изображений с помощью webpacker - PullRequest
Новая
       13

Загрузка шрифтов и изображений с помощью webpacker

0 голосов
/ 23 мая 2018

Я пытаюсь просто загрузить ресурсы (шрифты / изображения) в проект Rails с помощью Webpacker.Оказалось, что это намного сложнее, чем должно быть.

Я использую React на Rails 11.0.4, Rails 5.1.6 и Webpacker 3.5.3.

Я пробовалсоздание пользовательских файлов загрузчика для добавления в конфигурацию веб-пакета, как указано здесь . 

// file.js

module.exports = {
  test: /\.(ttf|eot|otf)$/,
  use: {
    loader: "file-loader",
    options: {
      name: "fonts/[name].[ext]",
    }
  }
}

// environment.js

const { environment } = require('@rails/webpacker')
const file = require('./file')

environment.loaders.prepend('file', file)

module.exports = environment

И я попробовал буквально все 4 варианта, обозначенных здесь .

Я пытался использовать конвейер активов, но, похоже, это больше не работает.

За все мои годы я никогда не был так близок к слезам из-за чего-то невероятно простого.Разве это не должно быть просто?Как я единственный, у кого так много проблем с этим?

1 Ответ

0 голосов
/ 23 мая 2018

мб я тебе помогу 

{
        test: /\.(woff(2)?|eot|otf|ttf|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
        exclude: path.resolve(__dirname, '../../app/assets'),
        use: {
          loader: 'file-loader',
          options: {
            outputPath: 'fonts/',
            useRelativePath: false
          }
        }
      },
      {
        test: /\.(png|jpg(eg)?|gif|ico)$/,
        exclude: path.resolve(__dirname, '../../app/assets'),
        use: {
          loader: 'file-loader',
          options: {
            outputPath: 'images/',
            useRelativePath: false
          }
        }
      },
...