【前端面试题-04】webpack 中plugin的作用是什么

Webpack 中 Plugin 的作用

在 Webpack 中，Plugin（插件）用于扩展 Webpack 的功能，在整个构建过程中进行更深入的自定义操作，如文件打包优化、资源管理、环境变量注入等。

---

Plugin 的作用

1. 扩展 Webpack 功能：

   • 文件打包优化：TerserPlugin 进行 JS 压缩，MiniCssExtractPlugin 提取 CSS。
   • 资源管理：HtmlWebpackPlugin 自动生成 HTML 并引入打包文件，CopyWebpackPlugin 复制静态资源到输出目录。
   • 环境变量注入：DefinePlugin 注入全局变量，区分开发/生产环境。

2. 不同于 Loader：

   • Loader 只用于转换文件类型（如 .css → JS）。