【Node.js】モジュール化:


1. モジュール化の基本的な考え方

ここに画像の説明を挿入します

2. Node.js のモジュール性

【1】Node.jsにおけるモジュールの分類

ここに画像の説明を挿入します

【2】ロードモジュール

ここに画像の説明を挿入します

【3】モジュールスコープ

【3-1】モジュールスコープ
ここに画像の説明を挿入します
【3-2】モジュールスコープのメリット
ここに画像の説明を挿入します

【4】モジュールスコープ内のメンバーを外部共有する

【4-1】 module オブジェクト
ここに画像の説明を挿入します
【4-2】 module.exports オブジェクト

module.exports はデフォルトで次のようにエクスポートします{}

ここに画像の説明を挿入します
【4-3】​​メンバーを共有する際の注意点
ここに画像の説明を挿入します
【4-4】exportsオブジェクト
ここに画像の説明を挿入します
【4-5】exportsとmodule.exportsの使い方の誤解
ここに画像の説明を挿入します

【5】モジュール仕様

ここに画像の説明を挿入します

3. npm とパッケージ (パッケージ/依存関係/プラグイン)

【1】パッケージの基礎知識:

【npm公式サイト】https://www.npmjs.com/
【npmダウンロードパッケージ公式サイト】https://registry.npmjs.org/
【標準化されたパッケージ構造】https://yarnpkg.com/zh-Hans/docs /package -json

ここに画像の説明を挿入します
ここに画像の説明を挿入します
ここに画像の説明を挿入します
ここに画像の説明を挿入します
ここに画像の説明を挿入します

【2】独自パッケージの開発

[2-1] 実装が必要な機能
ここに画像の説明を挿入します
[2-2] 初期化パッケージの基本構造
ここに画像の説明を挿入します
[2-3] 初期化パッケージ.json

使用許諾契約の詳細については、https://www.jianshu.com/p/86251523e898 を参照してください。
[注意]この名前のパッケージがあるかどうかを確認するには、npm 公式 Web サイトで検索する必要があります。
ここに画像の説明を挿入します

[2-4] パッケージの関連する関数をindex.jsで定義する(時間のフォーマット方法など)
ここに画像の説明を挿入します
ここに画像の説明を挿入します
[2-5] さまざまな関数をモジュール化して分割する
ここに画像の説明を挿入します
ここに画像の説明を挿入します
ここに画像の説明を挿入します
[2-6] パッケージのドキュメントを書く
ここに画像の説明を挿入します
ここに画像の説明を挿入します

【3】リリースパッケージ

【3-1】npmアカウントの登録 https://www.npmjs.com/(Edge認証時は画像が完全に表示されないため、Google Chromeの使用を推奨します)
ここに画像の説明を挿入します
【3-2】npmアカウントにログイン
ここに画像の説明を挿入します

【注記】npm需要使用官方镜像源发布,不要使用淘宝镜像

//查看镜像源使用状态:
npm get registry
//全局切换镜像源:
npm config set registry http://registry.npm.taobao.org
//全局切换官方镜像源
npm config set registry https://registry.npmjs.org/

ここに画像の説明を挿入します

npm i nrm -g
#切换官方镜像源
nrm use npm

ここに画像の説明を挿入します
ここに画像の説明を挿入します

【3-3】 パッケージをnpmに公開する(パッケージ名は占有しない)

npm login
npm publish
npm unpublish 包名 --force

ここに画像の説明を挿入します
【3-4】公開済みパッケージの削除
ここに画像の説明を挿入します
ここに画像の説明を挿入します
ここに画像の説明を挿入します

【Dev-sidecar】Githubアクセラレーション、スタックオーバーフローアクセラレーション、NPMアクセラレーション
公式サイト:https://github.com/docmirror/dev-sidecar/releases/tag/v1.7.3
バックアップアドレス: https: //lhnq31mi09.feishu.cn /file/TtW6byRKmoVLqkx1vSycSQjZnzh

4. モジュールローディング機構

【1】まずキャッシュからロードする

ここに画像の説明を挿入します

【2】内蔵モジュールのロード機構

ここに画像の説明を挿入します

【3】カスタムモジュールのロード機構

ここに画像の説明を挿入します

【4】サードパーティ製モジュールのロード機構

ここに画像の説明を挿入します

【5】モジュールとしてのディレクトリ

ここに画像の説明を挿入します

おすすめ

転載: blog.csdn.net/weixin_53791978/article/details/132843079
おすすめ