前言 面试官: 了解webpack插件吗？ 面试官: 那你说说你了解的webpack插件 面试官: 写过webpack插件吗？ 面试官：em... 是不是很熟悉的场景，因为有时候我们确实没机会去对项目

本文将从零开始实现一个简易的打包工具，了解打包工具的核心概念和原理，包括如何解析代码，如何处理依赖关系，如何生成打包结果等。通过实际操作，可以更深入地了解打包工具的实现细节，进一步学习现代打包工具

【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

我们的项目往往要区分多个环境，比如测试环境、预生产环境、生产环境等等，这篇文章会教你优雅的区分不同环境

先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？ 可能大部分同

这两天闲来无事，想优化优化项目的启动时间，用了一个下午吧，将项目启动时间从48秒优化到14秒，大约70左右，效果还是有的，而且仅仅用了一行代码。

用 Vue CLI 工具去搭建一个项目。 在领导或同事搭建好的项目基础上做业务。 长此以往，会导致你对整个项目的把控度越来越低。面试下一家公司的面试官问你，是否手动搭建过 Vue 项目的时候，对配置一问三不知🤔️ 。本文着重为大家讲解从 0 到 1 搭建 Vue 3.x 开发…

昨天项目升级的时候，把Webpack升级了一个版本。瞬间让我囧大了，你懂的，我就不说了。反正给我一顿操作啊，终于摆平了。再梳理项目的时候，我用Webpack新版本的模块联邦还真实现了应用程序和应用程序

本篇将从实践出发，在第一章节《基础配置》中使用 webpack 搭建一个基础的支持模块化开发的项目，在第二章节《进阶配置》中使用 webpack 搭建一个 SASS + TS + React 的项目。