>[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：用于啟用熱模塊替換功能，在開發過程中實現快速熱更新，提升開發效率。