Webpack 配置中的“回退”规则

Question

有没有办法为 Webpack 定义“回退”规则，以便如果.module.rules没有其他匹配.module.rules ，则应用此规则？

我尝试在最后一个位置指定一个规则，并使用非常宽松的test: ，但是无论其位置如何（第一个，最后一个，也在oneOf内oneOf ），它似乎优先。

例子：

  module: {
    rules: [
      {
        oneOf: [
          { test: /\.ts$/i, loader: "ts-loader" },
          { test: /\.ttf$/i, loader: "url-loader" },
          { test: /.+/, loader: "file-loader" }
        ]
      }
    ]
  }

我希望通过file-loader加载不是.ts或.ttf所有内容，但实际上它似乎甚至适用于.ts文件。

Answer 1

发生这种情况是因为上次测试中的正则表达式匹配所有文件扩展名，包括您希望忽略的扩展名。

为了避免这种情况，您需要从全面测试中过滤掉已知/预期的扩展。

例如：

 module: { rules: [ { test: /\\.ts$/i, loader: "ts-loader" }, { test: /\\.ttf$/i, loader: "url-loader" }, { test: /\\.(?!ts|ttf)([\\w]+)/i, loader: "file-loader" } ] }