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

相关推荐
LYFlied6 天前
【一句话概括】前端项目包管理器怎么选?
前端·npm·pnpm·yarn
陪我一起学编程8 天前
uv包管理工具
python·uv·虚拟环境·包管理工具·项目工程化·项目规范·pip、conda、pdm
Irene199110 天前
解决 pnpm 构建脚本被阻止(Ignored build scripts)的问题
pnpm
LYFlied11 天前
幽灵依赖详解
npm·pnpm·打包工具·yarn·工程化·包管理工具·幽灵依赖
LYFlied11 天前
前端项目包管理器怎么选?
前端·面试·npm·pnpm·yarn·工程化·包管理器
F2E_Zhangmo11 天前
pnpm如何对node_modules打补丁
webpack·npm·pnpm
宁雨桥20 天前
使用pnpm构建高效Monorepo:从零到一的完整指南
前端·pnpm·项目架构
这是个栗子2 个月前
【问题解决】用pnpm创建的 Vue3项目找不到 .eslintrc.js文件 及 后续的eslint配置的解决办法
javascript·vue.js·pnpm·eslint
gs801402 个月前
pnpm + webpack + vue 项目依赖缺失错误排查与解决
pnpm·1024程序员节
JinSoooo2 个月前
pnpm monorepo 联调:告别 --global 参数
开发语言·javascript·ecmascript·pnpm