webpack - 在 Webpack 配置中具有多个具有相同测试的规则的结果是什么？

Question

Webpack 文档module.rules非常稀少：

[Rule]

创建模块时与请求匹配的规则数组。这些规则可以修改模块的创建方式。他们可以将加载器应用于模块，或修改解析器。

在html-loader文档中，存在许多示例，其中两个规则测试相同的正则表达式，例如：

module.exports = {
  output: {
    assetModuleFilename: "[name][ext]",
  },
  module: {
    rules: [
      {
        test: /\.html$/,
        type: "asset/resource",
        generator: {
          filename: "[name][ext]",
        },
      },
      {
        test: /\.html$/i,
        use: ["extract-loader", "html-loader"],
      },
    ],
  },
};

处理同一文件的两条规则的原因/结果是什么？

为什么不使用单一规则？

module.exports = {
  output: {
    assetModuleFilename: "[name][ext]",
  },
  module: {
    rules: [{
        test: /\.html$/,
        use: ["extract-loader", "html-loader"],
        type: "asset/resource",
        generator: {
          filename: "[name][ext]",
        },
      }
    ],
  },
};