Как получить html-загрузчик для обработки src скрипта HTML?

Генерация статического HTML с помощью Webpack

Я установил статический генератор веб-сайтов, используя Webpack в качестве компоновщика и html-загрузчика, чтобы сгенерировать дерево зависимостей и обработать найденные зависимости (CSS, изображения, JS и т. Д.).

Для этого мне удалось настроить параметры html-загрузчика для обработки элементов с помощью src или же href атрибутов.

{
    test: /\.html$/,
    use: [
        {
            loader: 'file-loader',
            options: {
                name: '[name].html',
            },
        },
        { loader: 'extract-loader' },
        {
            loader: 'html-loader',
            options: {
                attrs: [':src', 'link:href'],
            },
        },
    ]
}

Как воспроизвести

Полный код можно найти здесь.

npm i
npm start

Что я получаю

HTML правильно обрабатывается, ссылки /URL-адреса корректно заменяются ожидаемыми активами JavaScript. Ни куски не являются ни выходными, ни скриптовыми src атрибуты заменены.

Я что-то пропустил в своем конфиге?

Я столкнулся с ошибкой html-загрузчика или Webpack?

0 ответов

Другие вопросы по тегам