Webpack 使用html加载程序时，如何获得样式背景url的正确url？_Webpack_Webpack Style Loader_Webpack Html Loader

Webpack 使用html加载程序时，如何获得样式背景url的正确url？

webpack

Webpack 使用html加载程序时，如何获得样式背景url的正确url？,webpack,webpack-style-loader,webpack-html-loader,Webpack,Webpack Style Loader,Webpack Html Loader,例如，如果我有一个test.html文件，那么代码是： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>test</title> <link rel="stylesheet" href="/styles/test.css"> <style> .test { background: url("/

例如，如果我有一个

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

print:

<!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>

在html加载程序之前通过url加载程序传递它，

loader:html！url

我有办法解决这个问题，在html加载程序之前通过url加载程序传递它，

加载程序：html！url

我有办法解决这个问题

<!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>

{
  test: /\.html$/,
  include: [
    path.resolve(config.devDir)
  ],
  loader: 'html',
  query: {
    root: config.devDir,
    attrs: ['img:src', 'img:data-src', 'link:href']
  }
}