在 webpack 构建中包含本地包（turborepo）答案

【问题标题】：Including local package in webpack build (turborepo)在 webpack 构建中包含本地包（turborepo）
【发布时间】：2022-01-04 08:13:26
【问题描述】：

我有两个包 ui 和 app 在使用 turborepo 的“monorepo”中。

我有带有.tsx 文件的ui repo，它没有被构建，它是package.json main 是一个打字稿文件。

但是，在运行 nextjs 时，我在从 ui 主文件导入时遇到错误。

是否可以从nextjs 角度包含此node_module？查看config.module.rule 时，我找不到任何打字稿文件的规则。我不确定如何为 nextjs 文件配置 typescript。

【问题讨论】：

【解决方案1】：

将此添加到您应用的 package.json 应该可以解决它：

"bundledDependencies": [
  "ui"
]

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案2】：

查看 Turborepo 的默认项目，如下所述：Getting Started。可以在此处找到存储库本身：GitHub。

这个项目带有 3 个不同的包和两个普通的 NextJS 应用程序 (docs/web)，它们使用来自 UI 存储库的 (Button-) 组件。
使用此项目了解 Turborepo 的结构并根据您的需要对其进行调整。

我完全按照我上面的描述做了，我的 NextJs 应用程序可以很好地从 UI 包共享 (tsx-) 组件。

【讨论】：