我开发基于NodeJS和React的Web应用程序。我一直在尝试不同的架构风格，最近痴迷于跨服务器端和客户端共享代码的想法。我认为这种风格很强大，因为它可以降低维护API连续性的难度。
下面是一个简单的例子，说明客户端如何从服务器端导入类型：

• https://github.com/hoiekim/budget/blob/main/src/client/lib/call.ts

我想进一步开发这种风格，这样我就可以在一个地方编写API的请求和响应部分，并且服务器端和客户端都可以从同一个源代码导入它。Webpack将分别编译和tree-shake它们，这样我就不必担心bundle大小变得太大。
问题是，当服务器端模块依赖于浏览器不支持的模块，但不直接用于客户端时，如“bcrypt”，webpack将在编译React应用程序时抛出错误。我尝试在webpack配置中使用“externals”选项。

{
  ...
  externals: ["bcrypt", ...]
  ...
}

字符串
但是我在运行时得到错误，因为webpack添加了这样的行，而没有定义变量“bcrypt”

modules.exports = bcrypt

型
请注意，使用支持bcrypt版本的浏览器并不能解决问题，因为我的痛点并不特定于bcrypt。我想要一个适用于NPM中任何类型模块的解决方案。
我知道这不是一个推荐的工程方式，因为没有太多的资源开发的方式支持这个想法，但我认为这将完全为我的个人项目工作，谁知道它会成为一件事有一天？提前感谢。