Генерация статического 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?