JSモジュール化(1):Commonjs

モジュール性とは何ですか?

回答:複雑なプログラムは、特定のルールに従っていくつかのブロックにカプセル化され、一緒に結合されます。その内部データはプライベートですが、他の外部モジュールと通信するために一部のインターフェイスを外部に公開します。

なぜモジュール化するのですか?

  • 複雑さを軽減する
  • 導入が簡単
  • 結合を減らす
  • 名前の競合を避ける

Commonjsモジュラー仕様

  • このファイルのうち2つが必要です。1つはパッケージ名で、もう1つはバージョン番号です。
  • パッケージ名に大文字と中国語を含めることはできません。
  • package.jsonファイルを自動的に生成します
npm init
  • uniqをインストールします
npm install uniq
  • -保存とはどういう意味ですか?
    これは、package.jsonに追加することを意味します

commonjsモジュールの公開の3つの方法

1:module.exports = {}

2:module.exports = function()

  • この書き方はカバーすることであり、後者は前者をカバーします、それはお勧めできません

3:エクスポート。属性

  • これは、エクスポートに属性を追加する形式です。使用することをお勧めします

4:npm経由でインストール

  • 例としてuniqパッケージを取り上げます。このパッケージは、配列内の一意の要素を除外できます。
  1. npm install uniq
  2. インポートconstuniq = require( 'uniq');
  3. const result = uniq(arr);を使用します。

commonjsはブラウザ側のアプリケーションに基づいています

  • 最初にグローバルにインストールし、browserifyをローカルにインストールする必要もあります
npm install browserify -g
npm install browserify --save-dev
  • ブラウザ側はrequireメソッドを正確に識別できません
  • パッケージ処理にはbrowserifyを使用する必要があります
  • ブラウザはソースファイルを実行していませんが、パッケージ化されたファイルを実行しています
  • この時点で正常に実行されます

おすすめ

転載: blog.csdn.net/sinat_41696687/article/details/114945664