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提供的生命周期钩子)这个文件里面的代码。

相关推荐
千里马-horse5 天前
pnpm 安装教程
node.js·pnpm
Irene19915 天前
Vue3 项目 npm 与 pnpm 混用解决方案
npm·node.js·pnpm
Irene19915 天前
pnpm 和 npm 安装 TypeScript 的区别(附:Vue 项目常用工具安装命令总结、命令缩写、精确版本)
npm·pnpm·-d·-g·--save
昔人'20 天前
`corepack` 安装pnpm
前端·pnpm·node·corepack
LYFlied1 个月前
【一句话概括】前端项目包管理器怎么选?
前端·npm·pnpm·yarn
陪我一起学编程1 个月前
uv包管理工具
python·uv·虚拟环境·包管理工具·项目工程化·项目规范·pip、conda、pdm
Irene19911 个月前
解决 pnpm 构建脚本被阻止(Ignored build scripts)的问题
pnpm
LYFlied1 个月前
幽灵依赖详解
npm·pnpm·打包工具·yarn·工程化·包管理工具·幽灵依赖
LYFlied1 个月前
前端项目包管理器怎么选?
前端·面试·npm·pnpm·yarn·工程化·包管理器
F2E_Zhangmo1 个月前
pnpm如何对node_modules打补丁
webpack·npm·pnpm