Webpack 我如何处理网页包中的锚定标签?

Webpack 我如何处理网页包中的锚定标签?,webpack,webpack-html-loader,Webpack,Webpack Html Loader,我一定是遗漏了什么,因为似乎几乎并没有关于在webpack中解析锚定标记的文档。例如,如果我想散列在我的登录索引页中链接到的html文件的名称 正如这篇文章所说: . 即使我试图扩展html加载器中支持的标记,也会导致错误。以下是有关扩展支持的标记的文档: 那么,anchor>href标记有什么特别之处呢?您链接的示例帖子没有使用spread(…)操作符,如果您只是尝试添加源,而不是定义有限数量的源,那么这可能是问题的一部分——如果您特别发现其他文件类型未被管理时出现错误 根据我今天创建的配置文

我一定是遗漏了什么,因为似乎几乎并没有关于在webpack中解析锚定标记的文档。例如,如果我想散列在我的登录索引页中链接到的html文件的名称

正如这篇文章所说: . 即使我试图扩展html加载器中支持的标记,也会导致错误。以下是有关扩展支持的标记的文档:


那么,anchor>href标记有什么特别之处呢?

您链接的示例帖子没有使用spread(…)操作符,如果您只是尝试添加源,而不是定义有限数量的源,那么这可能是问题的一部分——如果您特别发现其他文件类型未被管理时出现错误

根据我今天创建的配置文件,该文件与锚
href
s一起工作:

  module: {
    rules: [
      {
        test: /\.(jpg|svg|png|pdf|gif)$/,
        type: "asset/resource",
      },
      {
        test: /\.html$/,
        loader: "html-loader",
        options: {
          sources: {
            list: [
              // All default supported tags and attributes
              "...",
              {
                tag: "a",
                attribute: "href",
                type: "src",
              },
            ],
          },
        },
      },
    ], 
  }
如果没有上面列表:数组中的“…”,webpack将其源替换为列出的源,而不是将新源添加到现有列表中

我特别使用此配置从HTML中的锚定标记获取src/文件夹中的PDF资产,将其复制到dist/并在最终构建中更新其
href
,这对我来说是正确的