Heim > Web-Frontend > js-Tutorial > Tipp zum Teilen: Besorgen Sie sich elegant die Datei package.json

Tipp zum Teilen: Besorgen Sie sich elegant die Datei package.json

青灯夜游
Freigeben: 2022-10-09 19:08:31
nach vorne
2941 Leute haben es durchsucht

Tipp zum Teilen: Besorgen Sie sich elegant die Datei package.json

In der täglichen Entwicklung wissen wir alle, dass package.json eine Beschreibung eines Projekts oder Modulpakets ist, das viele Metainformationen enthält. Wie sollten wir also package.json lesen, um die darin enthaltenen Informationen zu erhalten? Was heute ins Spiel kommt, ist unser Protagonist - read-pkg Der Schlüsselquellcode umfasst nur etwa 30 Zeilen. Schauen wir uns die Implementierung genauer an, die auch als Grundstein für die spätere eigene Entwicklung angesehen werden kann Werkzeugkasten! [Verwandte Tutorials empfohlen: nodejs-Video-Tutorial]

Ernteliste

  • Debug-Quellcode
  • Elegant erhalten Sie package.json
  • Kanonische Paketmetadaten
  • import.meta.url-Anwendung

Vorschulvorbereitung

Laden Sie den Quellcode herunter

git clone https://github.com/sindresorhus/read-pkg.git
cd read-pkg&&yarn
Nach dem Login kopieren

Wenn Sie den Quellcode lernen, lesen Sie im Allgemeinen zuerst README.md und package.json. Die Readme-Datei lehrt die Verwendung und package.json gibt den Befehl an . Im Allgemeinen debuggen wir auch mit dem Skript von package.json und machen einen Screenshot:

Tipp zum Teilen: Besorgen Sie sich elegant die Datei package.json

Wenn Sie diesen Befehl zum ersten Mal sehen, wissen Sie möglicherweise nicht, was er ausdrücken möchte Außerdem wissen Sie, dass die drei Befehle drei Paketen entsprechen. Wenn Sie das Paket nicht kennen, wofür? Gehen Sie selbst zu Baidu, die allgemeine Paketnutzung finden Sie auf npm

Tipp zum Teilen: Besorgen Sie sich elegant die Datei package.json

node.js test. package

Tipp zum Teilen: Besorgen Sie sich elegant die Datei package.json

Tipp zum Teilen: Besorgen Sie sich elegant die Datei package.json

Erkennen Sie den TS-Typ

  • Xo

, der einen guten Standardwert hat, und klicken Sie dann im Skript des Pakets auf die Schaltfläche Tipp zum Teilen: Besorgen Sie sich elegant die Datei package.json .json, um das Debuggen zu aktivieren. Wenn es keine solche Schaltfläche gibt, müssen Sie möglicherweise vscode aktualisieren. „Analyse der Quellcodestruktur“ Codes, daher ist es unserer Aufmerksamkeit würdig, unten analysiert:

import.meta.url调试脚本

Tipp zum Teilen: Besorgen Sie sich elegant die Datei package.json Hauptsächlich verwendet in __filename und __dirname sind im ES-Modul nicht verfügbar


path.dirname
  • Wird verwendet, um den Verzeichnisnamen des angegebenen Pfads abzurufen
  • fileURLToPath(import.meta.url)

Pfad extrahieren

process.chdir

    更改Node.js进程的当前工作目录,或者在执行失败时抛出异常(例如,如果指定的目录不存在)。

Tipp zum Teilen: Besorgen Sie sich elegant die Datei package.json

  • readPackage方法(异步读取)
export async function readPackage({cwd, normalize = true} = {}) {
// 默认用process.cwd获取当前工作目录,获取工作目录
    cwd = toPath(cwd) || process.cwd();
// 获取package.json相对当前工作目录的绝对路径
    const filePath = path.resolve(cwd, 'package.json');
// 异步读取package.json并解析,fsPromises异步文件模块
    const json = parseJson(await fsPromises.readFile(filePath, 'utf8'));
   // 规范化包元数据
    if (normalize) {
        normalizePackageData(json);
    }


    return json;

}
Nach dem Login kopieren
  • readPackageSync方法(同步读取)
export function readPackageSync({cwd, normalize = true} = {}) {
   // 默认用process.cwd获取当前工作目录,获取工作目录
    cwd = toPath(cwd) || process.cwd();
   // 获取package.json相对当前工作目录的绝对路径
    const filePath = path.resolve(cwd, 'package.json');
   // 读取package.json并解析
    const json = parseJson(fs.readFileSync(filePath, 'utf8'));

    // 序列化元数据
    if (normalize) {

        normalizePackageData(json);

    }


    return json;

}
Nach dem Login kopieren
  • normalizePackageData作用
序列化前

Tipp zum Teilen: Besorgen Sie sich elegant die Datei package.json

序列化后

1Tipp zum Teilen: Besorgen Sie sich elegant die Datei package.json

    调试后发现序列化后会生成_id,对应测试用例中的t.truthy(package_._id)

总结

    今天下载并调试了read-pkg的源码,进一步了解了nodejs的path、url、process模块对于读取文件的应用,read-pkg麻雀虽小五脏俱全,完整的测试用例也是我们可以在自己的工具包中借鉴使用的!今天刚好是国庆,追梦人们国庆快乐哇~

更多node相关知识,请访问:nodejs 教程

Das obige ist der detaillierte Inhalt vonTipp zum Teilen: Besorgen Sie sich elegant die Datei package.json. 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