>[danger]Webpack的构建，常用的plugin Webpack 是一个非常灵活和可扩展的构建工具，它提供了许多内置的和第三方的 Plugin，用于增强其功能和扩展性。以下是一些常见的 Webpack Plugin： 1. HtmlWebpackPlugin：用于生成 HTML 文件，并将打包后的 JavaScript 和 CSS 自动引入到 HTML 文件中。 2. MiniCssExtractPlugin：用于将样式文件从 JavaScript 中提取出来，并分离出单独的 CSS 文件。 3. CleanWebpackPlugin：用于清除构建目录中的无用文件，在重新构建之前保持代码库干净和整洁。 4. DefinePlugin：用于定义全局常量，例如环境变量等等。 5. CopyWebpackPlugin：用于复制文件和文件夹到构建目录中，例如图片、字体等等。 6. UglifyJsPlugin：用于压缩 JavaScript 代码，减少文件大小。 7. ProvidePlugin：用于自动加载模块，例如 jQuery、lodash 等等。 8. ExtractTextWebpackPlugin：用于将样式表从 JavaScript 中提取出来，并生成单独的 CSS 文件。 9. BundleAnalyzerPlugin：用于分析构建结果，并生成一个交互式的网页报告，帮助开发者找到构建过程中的优化点。 10. HotModuleReplacementPlugin：用于启用热模块替换功能，在开发过程中实现快速热更新，提升开发效率。