ヒントの共有: package.json ファイルをエレガントに取得する-jsチュートリアル-php.cn

ヒントの共有: package.json ファイルをエレガントに取得する

青灯夜游

リリース： 2022-10-09 19:08:31

転載

2947 人が閲覧しました

ヒントの共有: package.json ファイルをエレガントに取得する

日常の開発では、package.json がプロジェクトまたはモジュールパッケージの説明であり、多くのメタ情報が含まれていることを誰もが知っています。内部の情報を入手するには？今日の主役は read-pkg です。主要なソースコードはわずか 30 行です。次に、実装の基礎を築くとも言えます。その後、独自のツールキットを開発します。 [関連チュートリアルの推奨事項: nodejs ビデオチュートリアル ]

ハーベストリスト

ソースコードのデバッグ
package.json のエレガントな取得
パッケージメタデータの標準化
import.meta.url の適用

就学前の準備

ソースコードをダウンロードします

git clone https://github.com/sindresorhus/read-pkg.git
cd read-pkg&&yarn

ログイン後にコピー

一般的なソースコードの学習では、まず README.md と package.json# を確認します。 ##, Readme で使い方が説明されており、package.json でコマンドが示されます。通常、package.json のスクリプトからデバッグを開始します。スクリーンショットは次のとおりです:

ヒントの共有: package.json ファイルをエレガントに取得する

このコマンドを見るのは初めてです。何を表現したいのかわからないかもしれません。devDependency を見てみると、3 つのコマンドが 3 つのパッケージに対応していることがわかります。パッケージが何であるかわかりません。のために？

自分で Baidu にアクセスしてください、一般的なパッケージの使用方法は npm

ヒントの共有: package.json ファイルをエレガントに取得する

ava# で確認できます

##node.js テストパッケージ

ヒントの共有: package.json ファイルをエレガントに取得する

##tsd

ヒントの共有: package.json ファイルをエレガントに取得する ##xo

(ESLint ラッパー)、適切なデフォルト設定

ソースコードのデバッグ分析ヒントの共有: package.json ファイルをエレガントに取得する

あらかじめエントリーファイルにブレークポイントを設定し、package.jsonのスクリプト内にある「Debug Script」ボタンをクリックしてデバッグを有効にしてください。ボタンがない場合は、vscodeの更新が必要になる場合があります。

ソースコード構造解析ヒントの共有: package.json ファイルをエレガントに取得する

依存関係の導入

// node进程
import process from 'node:process';
// fs文件模块
import fs, {promises as fsPromises} from 'node:fs';
// path 路径模块
import path from 'node:path';
// url模块
import {fileURLToPath} from 'node:url';
// 解析json，并且会伴随有用的报错，https://github.com/sindresorhus/parse-json#readme
import parseJson from 'parse-json';
// 规范化包元数据 https://github.com/npm/normalize-package-data#readme
import normalizePackageData from 'normalize-package-data';

ログイン後にコピー

URL をファイルパスに変換する

// fileURLToPath将url转化为文件路径
const toPath = urlOrPath => urlOrPath instanceof URL ? fileURLToPath(urlOrPath) : urlOrPath;

ログイン後にコピー

import.meta.url ヒントの共有: package.json ファイルをエレガントに取得する

主に ES モジュールでは利用できない filename と dirname に適用されます

path.dirname ヒントの共有: package.json ファイルをエレガントに取得する

指定されたパスのディレクトリ名を取得するために使用されます

fileURLToPath (import.meta.url )

抽出パス

process.chdir

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

ヒントの共有: 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;

}

ログイン後にコピー

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;

}

ログイン後にコピー