使用汇总绑定时忽略或替换依赖项的导入

Question

我正在使用Rollup绑定一个JS库。这个库依赖于@tensorflow/tfjs-core。

在tfjs的代码中，有一个获取URL的函数。如果它在浏览器环境中，它会使用全局fetch函数；如果不是，它会尝试导入node-fetch。

以下几行：

fetch(path: string, requestInits?: RequestInit): Promise<Response> {
  if (env().global.fetch != null) {
    return env().global.fetch(path, requestInits);
  }

  if (systemFetch == null) {
    systemFetch = require('node-fetch');
  }

  return systemFetch(path, requestInits);
}

我的库是在浏览器中运行的，所以它总是使用全局fetch函数。然而，Rollup仍然绑定了my lib的资产中的节点获取。

这不应该是一个问题，但一些消费者在使用webpack的React项目中使用库时报告了错误：

未能编译。

./node_modules/[my lib]/index。js找不到模块：“节点获取”。确保已安装此软件包。

您可以通过运行：npm install node fetch来安装这个包。

问题是：有没有什么方法可以让我告诉Rollup而不是no bundle？

我想过在包生成后用未定义的替换要求（'node-fetch'），但感觉像一个肮脏的黑客。还有其他建议吗？

PS：我相信在消费者项目中将node fetch标记为external可以解决这个问题，但是由于我在lib中不使用node fetch，所以最好将其从最终输出中删除。

Answer 1

有一个loc用于从bundle中排除节点获取。您可以在汇总配置中考虑类似的方法。（我认为）如果你加上这一点，节点获取将/不应该成为你的小型库的一部分。

Answer 2

其他包管理器可以根据环境包括或排除文件、test、开发、生产等。

有很多方法可以实现这一点，甚至可以

# Makefile

ENVIRONMENT ?= test

ROLLUP = $(which rollup)

ENVSUBST = $(which envsubst)

rollup.config.js: src/$(ENVIRONMENT)
    ${ENVSUBST} < $@ > $^
    ${ROLLUP} $^ -o $(ENVIRONMENT).js

如果创建了以环境命名的文件，可以使用

make -e environment=browser

我不希望我的代码能工作，只是为了表达想法。