モジュール化プログラミングでは、開発者は個々の関数のコードをモジュールにパッケージ化します。
各モジュールのサイズは大規模なプログラムよりも小さくなり、デバッグや記述が容易になります。
NodeJs は誕生時からモジュール化プログラミングをサポートしていましたが、Web プログラミングではモジュール化が遅れていました (サポートされていません) もちろん、モジュール化のために登場した Js モジュール化ツールは数多くあり、それぞれに独自の長所と短所があります。
Webpack は、粗雑な部分を取り除き、必要なものを選択し、優れた点を継承し、Web プロジェクト内のあらゆるファイルに適したモジュール化を実現します。
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 サイトの他の関連記事を参照してください。