Как получить 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?