使用pnpm搭建vite monorepo环境

# 前言

前端开发我们最常用的依赖管理工具是npm，再有yarn后来居上，但对版本管理，性能上面都存在不少问题。

对于前端，以往monorepo是没有Java的Maven/Gradle方便的，通过pnpm加持，同一个仓库管理多个组价、模块、项目变得非常方便。

项目初衷：节约磁盘空间并提升安装速度 --pnpm官网

# 一、简介

pnpm官网地址:https://pnpm.io/zh/motivation 注意，域名是 .io，不是百度查到的.cn，在官网可以选择中文文档的。

# 二、环境准备

# 2.1 通过npm安装

npm install -g pnpm

# 2.2 独立安装

Windows 使用 PowerShell：

iwr https://get.pnpm.io/install.ps1 -useb | iex

在 POSIX 系统上

curl -fsSL https://get.pnpm.io/install.sh | sh -

# 2.3 更多安装方式

直接查看官方文档即可：

https://pnpm.io/zh/installation

# 三、pnpm + vite + vue3 使用monorepo最佳实践

# 3.1 创建工程

mkdir pnpm-vite-demo cd pnpm-vite-demo pnpm init mkdir packages

# 3.2 monorepo使用

配置pnpm-workspace.yaml

packages:
  # all packages in direct subdirs of packages/
  - 'packages/*'
  # all packages in subdirs of components/
  - 'components/**'
  # exclude packages that are inside test directories
  - '!**/test/**'

1
2
3
4
5
6
7

官网参考：https://pnpm.io/zh/pnpm-workspace_yaml

# 采坑

.npmrc文件

shamefully-hoist=true
strict-peer-dependencies=false
ignore-workspace-root-check=true

1
2
3

# 总结

积跬步以至千里，致敬每个爱学习的你。

本文涉及的代码的代码都已上传到Github中，如果搭建遇到问题，可以clone到本地进行参考

如果本文对你有所帮助，不妨到Github点个小心心☆

# 参考资料

1.pnpm官网地址 (opens new window)

更新时间: 12/5/2022, 9:00:10 PM