Webpack

1.Webpack 的 loader 和 plugin

• Loader：

  • 作用：Loader 用于将不同类型的文件转换为 Webpack 能够处理的模块。例如，将 CSS 文件转换为 JavaScript 模块，将图片文件转换为数据 URL 等。
  • 工作原理：当 Webpack 遇到需要处理的文件时，会根据文件的类型和配置的 Loader 规则，依次调用相应的 Loader 进行处理。Loader 可以对文件进行转换、压缩、优化等操作，并将处理后的结果返回给 Webpack。

• Plugin：

  • 作用：Plugin 用于扩展 Webpack 的功能。可以在 Webpack 的不同阶段执行自定义的任务，如打包优化、代码分割、生成静态资源等。
  • 工作原理：Plugin 通过在 Webpack 的构建过程中注册特定的事件钩子，在相应的阶段执行自定义的逻辑。Plugin 可以访问 Webpack 的内部状态和配置信息，并对构建过程进行干预和控制。