Webpack のローダーとプラグインを理解する方法

Webpack のローダーとプラグインの 2 つの概念は初心者にとって混同されやすいです。ここで私の理解について簡単に説明します。

ローダーの場合、A ファイルを B ファイルにコンパイルするコンバーターです。ここで操作されるのは、A.scss または A.less を B.css に変換するなど、単純なファイル変換プロセスです。

プラグインの場合、これは wepack 自体を強化するエクステンダーであり、webpack パッケージ化のプロセス全体に関して、ファイルを直接操作しませんが、イベントメカニズムに基づいて動作し、 webpack パッケージ化プロセスを監視します。

run：开始编译
make：从entry开始递归分析依赖并对依赖进行build
build-moodule：使用loader加载文件并build模块
normal-module-loader：对loader加载的文件用acorn编译，生成抽象语法树AST
program：开始对AST进行遍历，当遇到require时触发call
require:事件
seal：所有依赖build完成，开始对chunk进行优化（抽取公共模块、加hash等）
optimize-chunk-assets：压缩代码
emit：把各个chunk输出到结果文件

などのノードは、ファイルを適切に処理するために適切なノードを見つけるためにノードを監視します。

以上がWebpack のローダーとプラグインを理解する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。