Skip to content
本页目录

Plugin

介绍

插件,用来扩展 webpack 功能,可以监听 webpack 的生命周期,改变 webpack 输出内容

常用插件

  • html-webpack-plugin:简化 HTML 文件创建 (依赖于 html-loader)
  • webpack-parallel-uglify-plugin:多进程执行代码压缩,提升构建速度
  • mini-css-extract-plugin:分离样式文件,CSS 提取为独立文件,支持按需加载
  • speed-measure-webpack-plugin:可以看到每个 LoaderPlugin 执行耗时 (整个打包耗时、每个 PluginLoader 耗时)
  • webpack-bundle-analyzer:可视化 Webpack 输出文件的体积 (业务组件、依赖第三方模块)