Comment comprendre le chargeur et le plugin dans Webpack

Les deux concepts de chargeur et de plugin dans webpack sont facilement confondus par les débutants. Ici, je vais parler brièvement de ma compréhension.

Pour le chargeur, c'est un convertisseur, qui compile un fichier A en fichier B. Ce qui est exploité ici, c'est le fichier, comme la conversion de A.scss ou A.less en B.css. , un simple processus de conversion de fichiers ;

Pour le plugin, c'est un extenseur, qui enrichit wepack lui-même. Pour l'ensemble du processus d'empaquetage du webpack, il n'exploite pas directement les fichiers, mais fonctionne basé sur le mécanisme d'événement écoutera certains nœuds dans le processus d'empaquetage du webpack, tels que

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

En surveillant les nœuds, nous pouvons trouver les nœuds appropriés pour traiter les fichiers de manière appropriée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!