Webpack モジュールの使用

モジュール

モジュール化プログラミングでは、開発者は個々の関数のコードをモジュールにパッケージ化します。

各モジュールのサイズは大規模なプログラムよりも小さくなり、デバッグや記述が容易になります。

NodeJs は誕生時からモジュール化プログラミングをサポートしていましたが、Web プログラミングではモジュール化が遅れていました (サポートされていません) もちろん、モジュール化のために登場した Js モジュール化ツールは数多くあり、それぞれに独自の長所と短所があります。

Webpack は、粗雑な部分を取り除き、必要なものを選択し、優れた点を継承し、Web プロジェクト内のあらゆるファイルに適したモジュール化を実現します。

Webpack モジュールとは

NodeJS の単一式とは異なり、Webpack はさまざまな方法でモジュール式プログラミングを完成および実装できます:

• ES6 のインポート式

• CommonJS のrequire( ) 式

• AMD (非同期モジュール定義) 定義およびrequire式

• CSS/SASS/LESSファイルの式

• @import スタイルシートまたはHTMLファイル内の画像URLアドレス(不明?)

Webpack 1st ES6 のインポート式を完了するには特定のローダーが必要ですが、Webpack 第 2 世代はそれをネイティブにサポートしています。

サポートされるモジュールタイプ

Webpack は、ローダーを使用してさまざまなタイプのモジュールをロードすることをサポートしており、ローダーはこれらのモジュールが何であるかを Webpack に伝え(JavaScript モジュールではないため)、それらは一緒にパッケージ化されます。

サポートされているタイプは次のとおりです:

• CoffeeScript

• TypeScript

• ESNext(Babel)

• Sass

• Less

• スタイラス

など。 Webpack は、さまざまな種類の Web プログラミングのモジュラー パッケージ化をサポートしており、開発者が Web を開発しやすくします。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

イベントモデルの詳細な説明

イベントループの使用方法

JavaScriptイベントバブリングとイベントキャプチャの実装方法

以上がWebpack モジュールの使用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。