Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

webpack5 已经发布一年多，更新带来很多重大变更，一句话来说就是在更短的时间能打出来体积更小的包。

上篇文章webpack5实战全解析-基础篇已经实现了一个简单的 webpack 打包配置，但是这还远远不满足我们发布生产上线的条件，可以优化的空间还很大。本篇文章主要讲解对打包配置进行优化。

js优化，js的兼容性处理，如何在开发环境中为了统一风格使用ESLint代码校验，HTML压缩，resolve、noParse、IgnorePlugin

本文阐述了webpack5的在构建过程中关键流程。包括插件的调用，loader的调用以及如何生成chunks的整个流程。最后还附了一张总结的全流程思维导图，想看源码的同学可参考～

海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。😄 上篇文章，介绍了webpack的入门基础配置（传送门🚀🚀🚀）。那现在我们就来讲一讲如何通过优化配置项来提高我们的项目构建性能吧。 从项目实战角度出发，我们更关心的还是从项目开发到发布上线。所以优化项可以分为以下几个维…

最近在项目中遇到许多关于项目的打包问题，关于webpack遇到许多坑，通过空闲的时间系统的学习一下webpack,虽然尤大最近又开始推崇vite，但是据目前来看还是webpack生态更加完善

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 前言 前段时间用 webpack 5搭建了一个 React、typescript 的脚手架，来作为公司项目的基础脚手架，在实际的使用中还是遇

引言 在webpack之类的构建工具诞生之前，前端项目构建一直处于"高耕火种"时代，项目代码压缩混淆、 js/css等依赖的合并都需要手动操作。webpack的出现解决了前端项目构建的很多痛点，可以说