reactjs - 在我的 React Typescript 项目中共享我的一个库的最简单方法是什么？

Question

假设我想在我的 React 项目中共享一些公共数据对象或实用程序类（仅限本地）。例如，执行复杂字符串或数据结构操作的实用程序类。

最好的方法是什么？我应该为库创建一个单独的 NPM 模块，并将其链接到每个项目吗？

我见过一些create-app-rewired使用getBabelLoader.

Answer 1

您可以设置 Yarn 工作区并具有范围包名称，例如@project/libraryA或@project/libraryB。然后您可以使用import { someFunc } from '@project/libraryB'in导入@project/libraryA

您需要在 package.jsonmain字段中导出所有要共享的函数，该字段通常指向 index.js。

我会对monorepos做更多的研究。

我最近发现的一个很棒的工具是https://nx.dev。它是一个类似于 Angular CLI 中的 Monorepo 构建工具，但它也适用于 React。