[정리 및 공유] 현재 어떤 npm 패키지 관리자를 사용하고 있는지 확인하는 방법

현재 npm 패키지 관리자를 어떻게 확인하나요? 다음 글에서는 현재 사용 중인 npm 패키지 관리자를 확인하는 방법을 알려드리겠습니다. 도움이 되기를 바랍니다

종속성 설치에는 npm을 사용하는 것이 더 일반적입니다. 그러나 프로젝트의 규모와 수가 증가함에 따라 npm은 설치 속도가 느리고 크기가 너무 커지는 문제를 겪게 됩니다. Yarn, pnpm 등의 패키지 관리자를 사용하면 위의 문제를 해결할 수 있습니다.

팀 구성원이 동일한 패키지 관리자를 사용하도록 강제하고 싶거나 패키지 관리자마다 다른 논리를 처리하려는 경우. 현재 사용 중인 패키지 관리자를 확인해야 합니다.

구현 방법

Vue Warehouse 현재 개발자는 pnpm을 사용하도록 강요하고 있으며 구현 방법도 매우 영리합니다.

먼저 npm 스크립트 실행 시 내장된 pre 명령어를 통해 pre-script를 실행하고, pre에서 process.env.npm_execpath를 통해 패키지 관리자를 구합니다. -개발자가 사용하는 패키지 관리자 유형을 결정하는 스크립트 파일 경로입니다. [추천 관련 튜토리얼: nodejs 동영상 튜토리얼pre 命令运行前置脚本，在前置脚本中通过 process.env.npm_execpath 获取包管理器的文件路径，从而判断开发者使用的包管理器种类。【相关教程推荐：nodejs视频教程】

相关代码如下：

// package.json
"scripts": {
    "preinstall": "node ./scripts/preinstall.mjs",
},

// preinstall.mjs
if (!/pnpm/.test(process.env.npm_execpath || '')) {
  console.warn(
    `\u001b[33mThis repository requires using pnpm as the package manager ` +
      ` for scripts to work properly.\u001b[39m\n`
  )
  process.exit(1)
}

pre 命令

在 package.json 中，我们应该非常熟悉 npm script 的运行方式。

"scripts": {
    "dev": "vite",
},

通过阅读以上代码，我们就可以通过 npm run dev 来运行脚本了。

除了自定义脚本名称，npm 还内置了两个 pre 与 post 指令，把 pre 拼接到自定义名称前，就可以实现前置钩子指令了。

"scripts": {
    "dev": "vite",
    "predev": "node predev.js"
    "postdev": "node postdev.js"
},

这样运行 npm run dev 指令的时候，终端会自动先运行 npm run predev ，再运行 npm run dev ，最后运行 npm run postdev，通过这种方式，我们就可以在自定义脚本运行前，先对包管理器进行判断了。

process.env.npm_execpath

在 vue@3.2.20 之前，Vue 的包管理器为 yarn ，之后改为了 pnpm。

使用 yarn 时，包管理器检查的代码为：

// scripts/checkYarn.js
if (!/yarn\.js$/.test(process.env.npm_execpath || '')) {
    console.warn(
    '\u001b[33mThis repository requires Yarn 1.x for scripts to work properly.\u001b[39m\n'
  )
  process.exit(1)
}

改为 pnpm 时，包管理器检查的代码为：

// preinstall.mjs
if (!/pnpm/.test(process.env.npm_execpath || '')) {
  console.warn(
    `\u001b[33mThis repository requires using pnpm as the package manager ` +
      ` for scripts to work properly.\u001b[39m\n`
  )
  process.exit(1)
}

通过对比，vue 是通过 process.env.npm_execpath 来判断包管理器的种类的，通过获取包管理器的路径，配合关键词检索，就可以完成包管理的种类判断了。

总结

通过借助 Vue 仓库 的这个方式，我们可以通过 npm script 内置的 pre 命令运行前置脚本，在前置脚本中通过 process.env.npm_execpath]

관련 코드는 다음과 같습니다.rrreeerrreee

pre command

🎜package.json에서 우리는 npm 스크립트가 어떻게 실행되는지 매우 잘 알고 있어야 합니다. 🎜rrreee🎜위 코드를 읽으면 npm run dev를 통해 스크립트를 실행할 수 있습니다. 🎜🎜npm에는 사용자 정의 스크립트 이름 외에도 두 개의 내장 pre 및 post 명령이 있습니다. 사용자 정의 이름 앞에 Splice pre가 있습니다. -hook 명령을 구현할 수 있습니다. 🎜rrreee🎜 이렇게 npm run dev 명령을 실행하면 터미널이 자동으로 npm run predev를 먼저 실행한 다음 npm run dev를 실행합니다. 마지막으로 npm run postdev를 실행하면 이러한 방식으로 사용자 정의 스크립트를 실행하기 전에 패키지 관리자를 판단할 수 있습니다. 🎜

🎜process.env.npm_execpath🎜

🎜 vue@3.2.20🎜 이전에는 Vue의 패키지 관리자가 Yarn이었고 나중에는 pnpm으로 변경되었습니다. 🎜🎜yarn을 사용할 때 패키지 관리자가 확인하는 코드는 다음과 같습니다. 🎜rrreee🎜pnpm으로 변경하면 패키지 관리자가 확인하는 코드는 다음과 같습니다. 🎜rrreee🎜비교하면 vue는 process.env.npm_execpath를 전달합니다. code > 패키지 관리자 유형을 확인하려면 패키지 관리자의 경로를 얻어 키워드로 검색하면 패키지 관리 유형 확인을 완료할 수 있습니다. 🎜<h2 data-id="heading-4">🎜요약🎜🎜🎜 🎜Vue Warehouse🎜를 사용하면 <code>npm 스크립트의 내장 pre를 사용할 수 있습니다. > 이 명령은 사전 스크립트를 실행합니다. 사전 스크립트에서 process.env.npm_execpath를 사용하여 패키지 관리자의 파일 경로를 가져와 개발자가 사용하는 패키지 관리자 유형을 결정합니다. 🎜🎜노드 관련 지식을 더 보려면 🎜nodejs 튜토리얼🎜을 방문하세요! 🎜

위 내용은 [정리 및 공유] 현재 어떤 npm 패키지 관리자를 사용하고 있는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!