Webpack 中 Plugin 的作用
在 Webpack 中,Plugin(插件)用于扩展 Webpack 的功能,在整个构建过程中进行更深入的自定义操作,如文件打包优化、资源管理、环境变量注入等。
Plugin 的作用
-
扩展 Webpack 功能:
- 文件打包优化:
TerserPlugin
进行 JS 压缩,MiniCssExtractPlugin
提取 CSS。 - 资源管理:
HtmlWebpackPlugin
自动生成 HTML 并引入打包文件,CopyWebpackPlugin
复制静态资源到输出目录。 - 环境变量注入:
DefinePlugin
注入全局变量,区分开发/生产环境。
- 文件打包优化:
-
不同于 Loader:
- Loader