next.js - 在 webpack 构建中包含本地包（turborepo）

Question

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

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

但是，在运行nextjs时，从ui主文件导入时出现错误。

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

Answer 1

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

"bundledDependencies": [
  "ui"
]

Answer 2

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

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

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