node.js - 在我们的库中，如何告诉 webpack 跳过依赖项？

Question

我们有一个传统上仅用于客户端的库。它使用 HTTP 请求(或其他几个依赖库)进行 REST 调用。使用该库时，用户将使用特定的请求提供程序进行初始化，然后就可以使用了。

我们在示例中使用 webpack 来利用我们的库。

现在将其扩展为使用 node-fetch，因此如果有人想从也支持的 nodejs 使用它。

对于使用 webpack 的人来说，webpack 现在正在尝试打包 node-fetch 并且 require 调用在浏览器中失败。我们可以通过设置一个外部

来解决这个问题

"externals" : {
    "node-fetch": "{}"
}

有没有办法定义我们的库，以便如果消费者使用 webpack target: web，它会跳过 Node 获取的要求检查？同样，如果消费者使用的是 webpack target: nodejs - 它需要包含 node-fetch 组件。

有问题的项目是https://github.com/OfficeDev/PnP-JS-Core

Answer 1

感谢您报告此事。所以根据This commit and conversation linked to it ，自动模块解析字段(也称为 webpack 解析器实例的 described-resolve)根据您的目标而变化。

默认情况下，当您的 webpack 构建中的目标是 node 时，package.json 字段中的解析将默认为 main 字段，否则，browser 字段默认优先。

更多引用https://github.com/webpack/webpack/issues/151