webpack - Webpack 文件加载器不适用于 html

Question

我将文件加载器设置为配置文件。但是，有一个问题是file-loader无法读取html文件的图像。我需要不同的加载器来读取 html 文件的图像吗？还是设置有问题？

{
  test: /\.(gif|png|jpe?g|svg)$/,
  use: [
    {
      loader: "file-loader",
      options: {
        outputPath: "/img/",
        name: "[name].[ext]"
      }
    },
    {
      loader: "image-webpack-loader",
      options: {
        bypassOnDebug: true, // webpack@1.x
        disable: true // webpack@2.x and newer
      }
    }
  ]
};

标签： webpack

Answer 1

我自己解决了这个问题。需要 html-loader 设置来读取 HTML 格式的图像文件。添加此设置可解决问题

{
  test: /\.html$/i,
  use: ["file-loader?name=[name].[ext]", "extract-loader", "html-loader"]
};