So verstehen Sie Loader und Plugin im Webpack

Die beiden Konzepte Loader und Plugin im Webpack werden von Anfängern leicht verwechselt. Hier werde ich kurz auf mein Verständnis eingehen.

Beim Loader handelt es sich um einen Konverter, der eine Datei in eine B-Datei kompiliert. Hier wird die Datei bearbeitet, beispielsweise A.scss oder A.less in B.css konvertiert , ein einfacher Dateikonvertierungsprozess;

Für das Plugin ist es ein Expander, der Wepack selbst bereichert. Für den gesamten Prozess der Webpack-Verpackung werden Dateien nicht direkt bearbeitet, sondern funktioniert basierend auf dem Ereignismechanismus überwacht bestimmte Knoten im Webpack-Verpackungsprozess, wie z. B.

• 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输出到结果文件

Durch die Überwachung der Knoten können wir die geeigneten Knoten finden, um die Dateien entsprechend zu verarbeiten.

Das obige ist der detaillierte Inhalt vonSo verstehen Sie Loader und Plugin im Webpack. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!