javascript - 使用符号链接(symbolic link)在多个 React 应用程序之间共享代码

Question

我目前有两个独立的前端应用程序。一个轻量级的移动客户端和一个重量级的管理面板。两者都是用 CRA 创建的。我们对一切都使用 TypeScript。
目前，目录结构如下:

root
├── admin (created using create-react-app)
|   ├── node_modules
|   ├── public
|   ├── src
|   │   └── common (symlink)
│   │   └── index.ts
|   ├── package.json
|   └── tsconfig.json
├── mobile (created using create-react-app)
|   ├── node_modules
|   ├── public
|   ├── src
|   │   └── common (symlink)
│   │   └── index.ts
|   ├── package.json
|   └── tsconfig.json
└── common (linked)
    ├── src
    ├── package.json
    └── tsconfig.json

无论出于何种原因，CRA 都不尊重符号链接(symbolic link)。就好像那里没有文件一样。
有没有一种认可的方式来做这样的事情？
现在，我们正在使用另一个脚本将文件复制到两个存储库中。我也尝试使用 yarn link ，但 Typescript 无法正确解析文件(它一直希望看到 JavaScript)。

Answer 1

有几种不同的方法。
您可以将其打包为库并将所述库导入到您的项目中。该库可以托管在私有(private)或公共(public) Git 主机上，并在您的 package.json 中引用 Git URL。就像一个 NPM 包。

"dependencies": {
  "your-lib": "git+ssh://git@domain.com:name/repo.git",
}

这种方法迫使您推送代码并在每次更改时重新安装。如果您的代码中经常发生更改，则可能很难处理。
您还可以使用 Lerna 之类的东西将您的代码库组织到一个多包存储库中。
https://github.com/lerna/lerna