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

相关推荐
Patrick_Wilson几秒前
AI会如何评价一名前端工程师的技术人格
前端·typescript·ai编程
顾安r6 分钟前
11.10 脚本算法 五子棋 「重要」
服务器·前端·javascript·游戏·flask
一枚前端小能手11 分钟前
「周更第11期」实用JS库推荐:Pinia
前端·javascript·vue.js
kirinlau14 分钟前
requst payload和query string parameters
前端·javascript
合作小小程序员小小店18 分钟前
web网页开发,在线%就业信息管理%系统,基于idea,html,layui,java,springboot,mysql。
java·前端·spring boot·后端·intellij-idea
刘一说20 分钟前
在 Web 地图上可视化遥感数据:以芜湖市为例
前端·遥感
huangql52020 分钟前
Vite与Webpack完全指南:从零开始理解前端构建工具
前端·webpack·node.js
烟袅23 分钟前
JavaScript 是如何“假装”多线程的?深入理解单线程与 Event Loop
前端·javascript
烟袅32 分钟前
一文看懂 Promise:异步任务的“执行流程控制器”
前端·javascript
冴羽32 分钟前
从 useState 到 URLState:为什么大佬们都在删状态管理代码?
前端·javascript·vue.js