pnpm的使用

pnpm的使用

1.安装和使用

pnpm:performant npm ,意味"高性能的npm"。 pnpm由npm/yarn衍生而来,解决了npm/yarn内部潜在的bug,极大的优化了性能,扩展了使用场景。被誉为"最先进的包管理工具"。

pnpm安装指令:

bash 复制代码
npm i -g pnpm

项目初始化命令:

bash 复制代码
pnpm create vite

进入到项目根目录pnpm install安装全部依赖,安装完依赖运行程序:pnpm run dev。

2.统一包管理工具下载依赖

团队开发项目的时候,需要统一包管理器工具 ,因为不同包管理器工具下载同一个依赖,可能版本不一样,导致项目出现bug问题,因此包管理器工具需要统一管理!!!

在根目录创建scritps/preinstall.js文件:
添加下面的内容:

javascript 复制代码
if (!/pnpm/.test(process.env.npm_execpath || '')) {
  console.warn(
    `\u001b[33mThis repository must using pnpm as the package manager ` +
    ` for scripts to work properly.\u001b[39m\n`,
  )
  process.exit(1)
}

在package.json中配置命令:

javascript 复制代码
"scripts": {
	"preinstall": "node ./scritps/preinstall.js"
}

ps:必须先执行一次pnpm run preinstall。

这时候,当我们使用npm或者yarn来安装包的时候,就会报错了。原理就是在install的时候会触发preinstall(npm提供的生命周期钩子)这个文件里面的代码。

相关推荐
૮・ﻌ・5 天前
Nodejs - 02:模块化、npm、yarn、cnpm
前端·npm·node.js·express·yarn·cnpm·包管理工具
SuperEugene10 天前
Monorepo + pnpm workspace 落地实操:Vue 中后台多项目 / 组件库 / 公共包管理|Vue 工程化篇
前端·javascript·vue.js·pnpm·vite·monorepo
春波petal11 天前
MacOS快速配置pnpm与切换淘宝镜像
macos·pnpm
三天不学习1 个月前
pnpm 存储位置统一,解决磁盘空间焦虑
npm·pnpm
zhousenshan2 个月前
PNPM库离线安装方案
pnpm
摇滚侠2 个月前
PNPM 包管理工具和 NPM 包管理工具
vscode·npm·node.js·pnpm
怒放的生命19912 个月前
pnpm + Monorepo 使用教程(集成 Vue 3 项目)
前端·vue.js·pnpm·monorepo·前端工程化
寂夜了无痕2 个月前
pnpm:快速、节省空间的 Node.js 包管理器
npm·node.js·pnpm
千里马-horse3 个月前
pnpm 安装教程
node.js·pnpm
Irene19913 个月前
Vue3 项目 npm 与 pnpm 混用解决方案
npm·node.js·pnpm