Как я могу получить правильный URL для стиля фона URL, когда я использую html-загрузчик?

Например, если у меня есть test.html файл, код:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8"/>
  <title>test</title>
  <link rel="stylesheet" href="/styles/test.css">
  <style>
    .test {
      background: url("/images/banner.jpg");
    }
  </style>
</head>
<body>
<img src="/images/banner.jpg" alt="test"/>
</body>
</html>

я использую html-loader потребовать это, как:

const html = require(test.html);
console.log(html);

и переменная html Распечатать:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8"/>
  <title>test</title>
  <link rel="stylesheet" href="[object Object]">
  <style>
    .test {
      background: url("/images/banner.jpg");
    }
  </style>
</head>
<body>
<img src="/temp/images/banner.d0f7ff.jpg" alt="test"/>
</body>
</html>

style -> .test -> background не могу получить правильный URL. Как это решить?

Это мое webpack код конфигурации о html-loader:

{
  test: /\.html$/,
  include: [
    path.resolve(config.devDir)
  ],
  loader: 'html',
  query: {
    root: config.devDir,
    attrs: ['img:src', 'img:data-src', 'link:href']
  }
}
Источник

0 ответов

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