github仓库地址: mini-webpack Webpack 是一个功能强大的打包工具，可以将项目中的各个模块打包成一个浏览器可以执行的文件。虽然 Webpack 本身功能非常复杂，但它的核心原理

插件（Plugin）的概念插件是一种遵循一定规范的应用程序接口编写出来的程序，从而解耦系统能力，本文介绍Webpack插件机制实现原理。

你还卷得动吗？今天，字节跳动刚刚开源了 Rspack，一个 Rust 写的打包构建工具，功能和用法上对齐 webpack。

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

是时候放下console.log一把梭了，快来学学如何使用VS Code debug代码吧~VS Code的关键特性之一就是它具有强大的调试功能，不学白不学啦

对于这个问题,我突然被问到的时候,会有一点很不知所措的感觉;虽然我看过一些相关的文章,但是在我的小脑壳中却没有一点印象。 今天，我会从npm和yarn的出现，版本的变化和优化，安装原理和在实践的一些建

前言此系列作为笔者之前发过的前端高频面试整理的补充会比较偏向中高前端面试问题当然大家都是从新手一路走过来的感兴趣的朋友们都可以看哈初衷我相信不少同学面试的时候最怕的一个环节就是手写代码大家一定听过这句

作为一个前端“攻城狮”，Webpack 再熟悉不过了，Webpack 很出色的完成了转译前端多种文件资源，分析复杂模块依赖的工作，那 Webpack 是如何实现打包的呢？

「干货」近万字分享带你真正走进Babel的世界。从工程化前端中的babel各种配置的区别与联系分析，再到打造属于自己的Babel插件，从此带你真正领略前端领域中Babel编译之美！