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

全网最全的webpack热更新调优方式； 帮助你有效的提高前端项目的热更新速度； 学会根据自己项目特点来进行优化。

打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！

Eslint + Prettier + Husky + Stylelint + Jest + CI/CD + CustomCommand + React框架超详细的前端工程化教学

开箱即用的React项目模板，手摸手体验从无到有，搭建一个当前最新的React框架模板，这里有你想知道的，快点戳过来！

为工作使用正确的工具 正是因为这个原因，像[webpack](http://webpack.js.org/)这样的工具一直处于现代 Web 开发的最前沿：它们帮助我们构建复杂的东西。

项目主要探讨并记录 web 工程体系搭建的主要过程。（ 脱离框架提供的 cli 从基础开始构建一个工程上还算完整的 web 应用 ） 现代 Web 工程主要是三大框架 React、Vue、Angular。项目选择 React。 为什么选择 React ？原因是工作中应用的是 V…

版本："webpack": "^5.68.0"。对于一个前端来说，面试的时候总是会被问到webpack相关问题，这里带大家搭建一个简易的Vue/React项目，并提一些面试被经常的问题

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。