【源码共读】第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!

相关推荐
独立开阀者_FwtCoder7 分钟前
你用 Cursor 写公司的代码安全吗?
前端·javascript·github
Cacciatore->17 分钟前
React 基本介绍与项目创建
前端·react.js·arcgis
摸鱼仙人~19 分钟前
React Ref 指南:原理、实现与实践
前端·javascript·react.js
teeeeeeemo20 分钟前
回调函数 vs Promise vs async/await区别
开发语言·前端·javascript·笔记
贵沫末38 分钟前
React——基础
前端·react.js·前端框架
aklry1 小时前
uniapp三步完成一维码的生成
前端·vue.js
Rubin931 小时前
判断元素在可视区域?用于滚动加载,数据埋点等
前端
爱学习的茄子1 小时前
AI驱动的单词学习应用:从图片识别到语音合成的完整实现
前端·深度学习·react.js
用户3802258598241 小时前
使用three.js实现3D地球
前端·three.js
程序无bug1 小时前
Spring 面向切面编程AOP 详细讲解
java·前端