创建子项目可以使用lerna的命令来创建（或者其他脚手架）

lerna create <name>

yarn workspace

开启yarn workspace 会检查每个子项目里面依赖及其版本，如果版本不一样则会留在子项目自己的node_modules里面，只有完全一样的依赖才会提升到顶层。

// 顶层package.json
{
  "workspaces": [
    "packages/*"
  ]
}

然后在lerna.json里面指定npmClient为yarn，并将useWorkspaces设置为true

// lerna.json
{
  "npmClient": "yarn",
  "useWorkspaces": true
}

project1 引用 components的内容

lerna add @miniprogrammonorepo/components --scope @miniprogrammonorepo/project1

import {something} from '@miniprogrammonorepo/components'

.gitignore忽略子项目的node_modules,dist

....
packages/components/node_modules
packages/project1/node_modules
packages/components/dist
packages/project1/dist

Vetur需要配置mono-repo

// vetur.config.js
/** @type {import('vls').VeturConfig} */
module.exports = {
  // **optional** default: `{}`
  // override vscode settings
  // Notice: It only affects the settings used by Vetur.
  settings: {
    "vetur.useWorkspaceDependencies": true,
    "vetur.experimental.templateInterpolationService": true,
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true,
    },
  },
  // **optional** default: `[{ root: './' }]`
  // support monorepos
  projects: [
    {
      root: "./packages/components",
      package: "./package.json",
      tsconfig: "./tsconfig.json",
    },
    {
      root: "./packages/project1",
      package: "./package.json",
      tsconfig: "./tsconfig.json",
    },
  ],
};

相关文档

Lerna的Monorepo实战
Lerna指令总览 (Commands)
排忧解难
GitLab CI流水线配置文件.gitlab-ci.yml详解