Heim > Web-Frontend > js-Tutorial > Hauptteil

[Organisation und Freigabe] So ermitteln Sie, welcher NPM-Paketmanager derzeit verwendet wird

青灯夜游
Freigeben: 2023-02-01 20:00:35
nach vorne
2174 Leute haben es durchsucht

Wie ermittelt man den aktuellen NPM-Paketmanager? Im folgenden Artikel erfahren Sie, wie Sie feststellen können, welchen NPM-Paketmanager Sie derzeit verwenden. Es ist üblicher, NPM für die Abhängigkeitsinstallation zu verwenden. Mit zunehmender Größe und Anzahl der Projekte wird npm jedoch Probleme mit langsamer Installationsgeschwindigkeit und übermäßiger Größe haben. Die Verwendung von Paketmanagern wie Yarn und PNPM kann die oben genannten Probleme lösen.

Wenn Sie Teammitglieder dazu zwingen möchten, denselben Paketmanager zu verwenden, oder wenn Sie unterschiedliche Logik für verschiedene Paketmanager verwalten möchten. Sie müssen feststellen, welchen Paketmanager Sie derzeit verwenden. [Organisation und Freigabe] So ermitteln Sie, welcher NPM-Paketmanager derzeit verwendet wird

Implementierungsmethode

Vue Warehouse Zwingt Entwickler derzeit dazu, pnpm zu verwenden, und die Implementierungsmethode ist auch sehr clever.

Wenn Sie das NPM-Skript ausführen, führen Sie zunächst das Vorskript über den integrierten Befehl pre aus und rufen Sie den Paketmanager über process.env.npm_execpath im Vorfeld ab -script-Dateipfad, um den Typ des vom Entwickler verwendeten Paketmanagers zu bestimmen. [Empfohlene verwandte Tutorials: nodejs-Video-Tutorial

]Der relevante Code lautet wie folgt:

// package.json
"scripts": {
    "preinstall": "node ./scripts/preinstall.mjs",
},
Nach dem Login kopieren
// 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)
}
Nach dem Login kopieren
Nach dem Login kopieren

pre commandpre 命令运行前置脚本,在前置脚本中通过 process.env.npm_execpath 获取包管理器的文件路径,从而判断开发者使用的包管理器种类。【相关教程推荐:nodejs视频教程

相关代码如下:

"scripts": {
    "dev": "vite",
},
Nach dem Login kopieren
"scripts": {
    "dev": "vite",
    "predev": "node predev.js"
    "postdev": "node postdev.js"
},
Nach dem Login kopieren

pre 命令

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

// 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)
}
Nach dem Login kopieren

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

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

// 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)
}
Nach dem Login kopieren
Nach dem Login kopieren

这样运行 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 来判断包管理器的种类的,通过获取包管理器的路径,配合关键词检索,就可以完成包管理的种类判断了。

总结

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

In package.json sollten wir mit der Ausführung des npm-Skripts sehr vertraut sein.

rrreeeDurch das Lesen des obigen Codes können wir das Skript über npm run dev ausführen.

Zusätzlich zu benutzerdefinierten Skriptnamen verfügt npm auch über zwei integrierte Befehle pre und post vor dem benutzerdefinierten Namen Pre -Hook-Anweisungen können implementiert werden. 🎜rrreee🎜Wenn Sie den Befehl npm run dev wie folgt ausführen, führt das Terminal automatisch zuerst npm run predev und dann npm run dev aus. und schließlich npm run postdev ausführen. Auf diese Weise können wir den Paketmanager beurteilen, bevor wir das benutzerdefinierte Skript ausführen. 🎜

🎜process.env.npm_execpath🎜

🎜In vue@3.2.20🎜 Früher war der Paketmanager von Vue Yarn und wurde später in Pnpm geändert. 🎜🎜Bei Verwendung von Garn lautet der vom Paketmanager überprüfte Code: 🎜rrreee🎜Bei der Änderung in pnpm lautet der vom Paketmanager überprüfte Code: 🎜rrreee🎜Im Vergleich dazu übergibt Vue process.env.npm_execpath Code > Um den Typ des Paketmanagers zu bestimmen, können Sie die Bestimmung des Typs der Paketverwaltung abschließen, indem Sie den Pfad des Paketmanagers ermitteln und mit Schlüsselwörtern suchen. 🎜<h2 data-id="heading-4">🎜Zusammenfassung🎜🎜🎜Durch die Verwendung des 🎜Vue Warehouse🎜 können wir den integrierten <code>pre von npm scriptverwenden > Der Befehl führt das Vorskript aus. Verwenden Sie im Vorskript process.env.npm_execpath, um den Dateipfad des Paketmanagers abzurufen und den Typ des vom Entwickler verwendeten Paketmanagers zu ermitteln. 🎜🎜Weitere Informationen zu Knoten finden Sie unter: 🎜nodejs-Tutorial🎜! 🎜

Das obige ist der detaillierte Inhalt von[Organisation und Freigabe] So ermitteln Sie, welcher NPM-Paketmanager derzeit verwendet wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:juejin.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!