多个 Vue 应用程序,在 monorepo 中共享组件

den*_*dog 6 javascript vue.js vuejs2

我们的系统有两种关键用户类型,我们希望将应用程序分解到单个存储库中的两个单独的文件夹中。那么我们的想法是拥有一个两个项目都可以使用的共享组件库。

我正在寻找有关如何实现此类设置的最佳实践的一些指导,理想情况下我们可以满足以下条件:

  • 每个应用程序都位于单独的文件夹中
  • 共享库,也许使用 github 包
  • 共享配置文件
  • 在共享 lib 文件夹中运行的故事书

sve*_*ema 1

我的经验有限,但对于 pnpm 来说,常见的设置似乎是:

mkdir <repo-name>
cd <repo-name>
pnpm init
mkdir packages
mkdir apps
Run Code Online (Sandbox Code Playgroud)

pnpm-workspace.yaml

mkdir <repo-name>
cd <repo-name>
pnpm init
mkdir packages
mkdir apps
Run Code Online (Sandbox Code Playgroud)

.npmrc

shamefully-hoist=true
Run Code Online (Sandbox Code Playgroud)

.gitignore

node_modules
Run Code Online (Sandbox Code Playgroud)

包.json

将名称重命名为以下格式:"name":"@<repo-name>/root"

应用程序进入“apps”文件夹,可重用包和组件进入“packages”文件夹。

我无法评论故事书。