Загрузчик pdf файлов Webpack - PullRequest
Новая
       54

Загрузчик pdf файлов Webpack

0 голосов
/ 01 августа 2020

Это ошибка:

«Сбой сборки!

× ОШИБКА ./media/fonts/handFont3.otf 1: 4.

Ошибка синтаксического анализа модуля: неожиданно token (1: 0) Вам может потребоваться соответствующий загрузчик для обработки этого типа файла, в настоящее время никакие загрузчики не настроены для обработки этого файла. См. https://webpack.js.org/concepts#loaders (Исходный код для этого двоичного файла опущен) @ ./ index. js 3: 0-37 @ ../node_modules/preact-cli/lib/lib/entry.js @ multi ../node_modules/preact-cli/lib/lib/entry webpack-dev-server / client webpack / hot / dev-server "

Я пытаюсь импортировать pdf в компонент preact, чтобы он был собран, чтобы я мог получить ссылку на страницу с файлом pdf. Вот как это делается: 

import pdfFile from '../../media/images/pdfFile.pdf'

<a href={pdfFile} target="_blank"...

Это не сработало, поэтому я погуглил эти два решения, чтобы добавить в wepback.config. js: 

module.exports = {
module: {
    rules: [
        {
            test: /\.(png|svg|jpg|gif|pdf)$/,
            use: ['file-loader']
        },
        {
            test: /\.(woff|woff2|eot|ttf|otf)$/,
            use: ['file-loader']
        },
    ]
},

};

и 

{
  test: /\.(pdf)$/,
  use: ['url-loader']
},

Я вручную заставляю webpack.config работать с этой строкой: 

--config webpack.config.js

И файл работает, но результат тот же. Я все еще получаю сообщение об ошибке. И то же самое с otf шрифтами.

Спасибо.

1 Ответ

0 голосов
/ 03 августа 2020

Я придумал решение. Вы не можете использовать конфигурацию webpack вместе с конфигурацией preact.

Поэтому я удалил конфигурацию webpack и изменил конфигурацию preact на это: 

export default (config, env, helpers, options) => {
    const rule = {
        test: /\.(otf|pdf)$/,
        loader: 'file-loader'
    }
    config.module.rules.push(rule);
}
...