开发vue组件库——搭建Monorepo环境（一）

前言

  一直在搬砖，总觉得没有什么奔头，也许是太闲了，想给自己找点事做，于是乎想抄袭一下element-plus的组件库，自学一下，记录一下过程。

为什么要搭建个人组件库？

  对个人而言，主要是技术学习，想学习一下打包工具是怎么用的，不是说给多少人用，咱也没那本事，话不多说这就开撕。

搭建Monorepo环境

简单解释一下，Monorepo环境就是把多个项目放到一起，简化依赖关系。

创建文件夹

mkdir udesign-vue

初始化项目

在目录下执行 pnpm init,会自动生成package.json文件

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

建立文件夹和文件

mkdir packages docs play

在跟目录下创建pnpm-workspace.yaml文件.

packages:
  - packages/**
  - play
  - docs