我回来了！这些年纷纷扰扰，不予言表。
过去这些年，我见证并且经历了太多的技术演进，也感受过技术创作的乐趣和挑战。
回望过去，似乎是昨天才写完那篇关于 Webpack 的专栏（应该是我最后写的一篇内容），而今天，2023年已近尾声。
然而，花花世界迷人眼，这两年我好像有点“不务正业”，干起了一些技术以外的事情，虽然也还是紧密关注着技术圈，但对技术的内容输出已经完全搁置。
直到今天，我意识到自己应该重新开始，坚持对技术内容的输出，因为技术真的是一种信仰。
接下来，我将回归技术圈，带着我这几年的经验和故事，做好一名合格的「技术解说」，与你们一起成长，一起进步。
感谢我不在的日子里，每一位坚持催更的朋友们，是你们的支持和鼓励，让我有了回归正轨的动力。
我希望在这个新的起点，能够与你们一起分享更多的技术故事，探讨更深的技术问题。
一起重获新生，共同实践引号「MAKE IT BETTER」！
一起来玩点新鲜好玩、有意思的东西，持续学习是一种信仰
Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。Rollup 对代码模块使用新的标准化格式，这些标准都包含在 JavaScript 的 ES6 版本中，而不是以前的特殊解决方案，如 CommonJS 和 AMD。ES6 模块可以使你自由、无缝地使用你最喜爱的 library，同时还能使你的构建工具链更加高效。
当下最重要的前端开发范式，通过把复杂的代码按照功能的不同划分为不同的模块单独维护，从而提高开发效率、降低维护成本
自动化构建是工程化中很重要的一部分，本课程中着重介绍前端行业主流的前端自动化构建方案和工具。
脚手架是前端工程化的起步，本课程中重点探讨前端工程化在项目创建环节中的具体表现。
前端工程化是指遵循一定的标准和规范，通过工具提高开发效率、降低维护成本的一种手段。
ECMAScript 2015 是 JavaScript 语言的下一代标准，是 JavaScript 语言的一种新的规范。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
我们尽力保持极简主义，确保视频的“短小精悍”，几乎每句话都是经过设计，用最短的时间讲清楚每一个知识点，杜绝无意义的重复和废话，最大程度的节约您看视频花费的时间，减轻学习痛苦。一个您完全陌生的技术点，一部电影的时间过后，您就知道它是什么、能干什么、怎么使用、该什么时候怎么用。
技术点的学习，录播视频也一定是最高效的。因为技术内容的学习是个性化的，录播形式下主动权在您手里，对于相对熟悉的部分可以适当加速或者跳过，而需要花时间理解和斟酌的地方，也可以随时暂停下来，通过动手练习尝试去充分吸收，以达到最好的学习效果。
我们的课程都是有完整系统的设计，并不是零散的知识点，而是一个完整的知识体系，您可以从零开始，一步一步的学习，直到掌握完整的知识体系。
每一位老师的风格各异，去适应一个人的风格和说话方式需要一段时间，而我们的课程风格是完全统一的，您不需要重复去适应不同老师之间的差异。
记录并分享生活工作学习中的片段
我回来了！这些年纷纷扰扰，不予言表。 过去这些年，我见证并且经历了太多的技术演进，也感受过技术创作的乐趣和挑战。 回望过去，似乎是昨天才写完那篇关于 Webpack 的专栏（应该是我最后写的一篇内容），而今天，2023年已近尾声。 然而，花花世界迷人眼，这两年我好像有点“不务正业”，干起了一些技术以外的事情，虽然也还是紧密关注着技术圈，但对技术的内容输出已经完全搁置。 直到今天，我意识到自己应该重新开始，坚持对技术内容的输出，因为技术真的是一种信仰。 接下来，我将回归技术圈，带着我这几年的经验和故事，做好一名合格的
Vite 的定义 Vite 是面向现代浏览器的一个更轻、更快的 Web 应用开发工具，核心基于 ECMAScript 标准原生模块系统（ES Modules）实现。 表象功能上看，Vite 可以取代基于 Webpack 的 vue-cli 或者 cra 的集成式开发工具，提供全新的一种开发体验。 具体细节往下看。 Vite 的由来 在此之前，如果我们所开发的应用比较复杂（代码量偏大），使用 Webpack 的开发过程相对没有那么「丝滑」，具体表现为以下两点： Webpack Dev Server 冷启动时间会比较
你好，我是汪磊，今天我要带你了解一个近两年非常火的打包工具：Parcel。 Parcel 是一款完全零配置的前端打包器，它提供了“傻瓜式”的使用体验，我们只需了解它提供的几个简单的命令，就可以直接使用它去构建我们的前端应用程序了。 下面我们直接来看具体如何去使用 Parcel。 快速上手 这里我们先创建一个空目录，然后通过 npm init 初始化一个项目中的 package.json 文件。 完成以后我们就可以安装 Parcel 模块了，具体命令如下： $ npm install parcel-bundler -
你好，我是汪磊，今天我要跟你介绍另外一款同样十分优秀的打包工具：Rollup。 Rollup 是一款 ES Modules 打包器。它也可以将项目中散落的细小模块打包为整块代码，从而使得这些划分的模块可以更好地运行在浏览器环境或者 Node.js 环境。 从作用上来看，Rollup 与 Webpack 非常类似。不过相比于 Webpack，Rollup 要小巧的多。因为 Webpack 在配合一些插件的使用下，几乎可以完成开发过程中绝大多数前端工程化的工作。而 Rollup 可以说仅仅是一个 ES Modules
你好，我是汪磊，今天我们要一起探索的是 Webpack 在生产模式打包过程中的一些常用配置和一些的优化插件。 在前面的文章中，我们了解到的一些用法和特性都是为了在开发阶段能够拥有更好的开发体验。而随着这些体验的提升，一个新的问题出现在我们面前：我们的打包结果会变得越来越臃肿。 这是因为在这个过程中 Webpack 为了实现这些特性，会自动往打包结果中添加一些内容。例如我们之前用到的 Source Map 和 HMR，它们都会在输出结果中添加额外代码来实现各自的功能。 但是这些额外的代码对生产环境来说是冗余的。因为生
你好，我是汪磊，今天我将继续和你分享 Webpack 另外的一个高级特性，Code Splitting（代码分包）。 All in One 的弊端 通过 Webpack 实现前端项目整体模块化的优势固然明显，但是它也会存在一些弊端：它最终会将我们所有的代码打包到一起。试想一下，如果我们的应用非常复杂，模块非常多，那么这种 All in One 的方式就会导致打包的结果过大，甚至超过 4 ～ 5M。 在绝大多数的情况下，应用刚开始工作时，并不是所有的模块都是必需的。如果这些模块全部被打包到一起，即便应用只需要一两个模
