webpack 有哪些常见的 Plugin


  • HtmlWebpackPlugin
    • 生成: 自动生成 HTML 文件
    • 注入: 注入打包后的 JavaScript 和 CSS 文件到生成的 HTML 文件中
  • CleanWebpackPlugin
    • 清理: 在每次构建之前清理输出目录
  • MiniCssExtractPlugin
    • 提取: 将内嵌在 JavaScript 中的 CSS 代码提取出来, 生成独立的 CSS 文件
  • TerserWebpackPlugin
    • 压缩: 压缩 JavaScript 代码
  • DefinePlugin
    • 注入: 允许在编译时将变量注入到代码中, 比如定义全局常量,可以在开发和生产环境中使用不同的配置
  • HotModuleReplacementPlugin
    • 热更新: 启用模块热替换(HMR)
  • BundleAnalyzerPlugin
    • 分析:  分析和可视化打包后的文件大小