在vue项目中使用monorepo

认识monorepo

概念:monorepo 是和种项目代码管理方式，指单个仓库中管理多个项目，有助于代码共享、版本控制、构建和部署等方面的复杂性，并提供更好的可用性和协作性；

monorepo在项目中使用

• 依赖管理

  基于workspace实现依赖管理，首先公共依赖提升，节省空间和下载速度，其次依赖实时更新模块之间的调试更加方便；

   {
    "name": "monorepo",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1"
    },
    "keywords": [],
    "author": "",
    "license": "ISC"
  }
  

  packages:
    # 我负责的所有前端项目存储的地方
    - 'packages/*'
    # all packages in subdirs of components/
    - 'components/**'
  

  components目录下创建UI

  

  在packages下的web项目中安装依赖

  pnpm add @lc/components --workspace --offline
  

使用 monorepo 结构的优劣势