Webpack 提效插件实践分享-CSDN博客

一句话观点：webpack 的"效率"要拆成两个维度看——开发效率（改完代码多快看到效果、报错多快定位）和构建效率（一次打包多快出产物、产物多大）。 围绕这两个维度选插件，比盲目堆插件有用得多。以下以 webpack 5 为基准（webpack 4 的不少经典插件在 5 里已被内置能力取代，文末有避坑表）。

1. 全景图：提效插件分类地图

维度	目标	代表插件
开发体验	改代码秒级反馈、报错友好	`webpack-dev-server`、`error-overlay-webpack-plugin`、`webpackbar`、`friendly-errors-webpack-plugin`
构建加速	让打包本身变快	内置 `cache`、`esbuild-loader` / `swc-loader`、`thread-loader`、`speed-measure-webpack-plugin`
类型与规范