【源码共读】第16期 | 一行代码统一规范 包管理器

1. 前言

2. 如何进行统一包管理

场景:当开发同一项目时,个人习惯不同,可能使用的包管理工具不同,需要进行统一。

2.1 npm钩子

npm提供了很多钩子,帮助我们实现。

实现思路:

每次使用命令安装时,会运行钩子,可在preinstall钩子函数中进行判断,是否使用限制的包管理工具。

3. 源码调试

代码如下:

js 复制代码
#!/usr/bin/env node
const whichPMRuns = require('which-pm-runs')
const boxen = require('boxen')

const argv = process.argv.slice(2)
if (argv.length === 0) {
  console.log('Please specify the wanted package manager: only-allow <npm|pnpm|yarn>')
  process.exit(1)
}
const wantedPM = argv[0]
if (wantedPM !== 'npm' && wantedPM !== 'pnpm' && wantedPM !== 'yarn') {
  console.log(`"${wantedPM}" is not a valid package manager. Available package managers are: npm, pnpm, or yarn.`)
  process.exit(1)
}
const usedPM = whichPMRuns()// {name:'yarn',version:'1.22.17'}
if (usedPM && usedPM.name !== wantedPM) {
  const boxenOpts = { borderColor: 'red', borderStyle: 'double', padding: 1 }
  switch (wantedPM) {
    case 'npm':
      console.log(boxen('Use "npm install" for installation in this project', boxenOpts))
      break
    case 'pnpm':
      console.log(boxen(`Use "pnpm install" for installation in this project.

If you don't have pnpm, install it via "npm i -g pnpm".
For more details, go to https://pnpm.js.org/`, boxenOpts))
      break
    case 'yarn':
      console.log(boxen(`Use "yarn" for installation in this project.

If you don't have Yarn, install it via "npm i -g yarn".
For more details, go to https://yarnpkg.com/`, boxenOpts))
      break
  }
  process.exit(1)
}
  1. 获取当前期望的包管理工具
  1. 使用whichPMRuns获取当前使用的包工具
  1. 两者进行判断,使用boxen进行报错

4. 总结

整体流程如下:

源码比较简单,具体就是为了解决运行的包管理器一致问题。一步一个脚印,加油吧 O^O!

相关推荐
enoughisenough3 小时前
浏览器判断控制台是否开启
前端
Moment3 小时前
当前端开始做 Agent 后,我才知道 LangGraph 有多重要❗❗❗
前端·后端·面试
竹林8183 小时前
RainbowKit 快速集成多链钱包连接:从“连不上”到丝滑切换的踩坑实录
前端·javascript
小蜜蜂dry3 小时前
nestjs实战-登录、鉴权(一)
前端·后端·nestjs
农夫山泉不太甜3 小时前
WebSocket与SSE技术方案选型对比分析
前端
重阳微噪4 小时前
受够了空格翻页?我写了一个 Chrome 自动滚动插件,让你真正沉浸式阅读
前端
Awu12274 小时前
🍎用 pretext 搞定输入框动态宽度:一个困扰了我三天的 CSS 问题
前端
萑澈4 小时前
我用 Cloudflare 搭了一个 FlashInbox 临时邮箱
前端·next.js
慕斯fuafua4 小时前
CSS——盒模型
前端·css
嗜好ya4 小时前
解决 Vite 项目中 import.meta.env 变量为 undefined 的问题
前端·javascript·vue.js