本文通过解析Webpack构建过程中三个阶段：模块依赖拓扑图构建、产物组织形式分析、代码生成原理为读者讲解构建原理，想浅了解Webpack原理一定不要错过~

本文通过对webpack5的module federation的相关配置，对打包后代码进行梳理，了解其运行时的相应状态，在从源码出发，简易的对webpack federation的大包流程进行阐述；

MFSU能做什么： 开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 11 天，点击查看活动详情 Module Federation Speed Up, 基于 webpack 解决

一、Webpack 现状 最初的 Webpack 主打 Bundle 并且支持「Code Splitting」；在经过一段爆发式增长后，最有用的功能之一：热更新 Hot Module Replacem

1.前端常见工具之间的定位与联系，如webpack、rollup、vite、vue-cli等。 2.从运行原理、构建方式、HMR热更新机制、使用成本等方面逐一去分析，vite与webpack之间的差异

Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…

前言 之前没有自己搭建过前端项目，在熟悉已有项目的过程中看到 package.json里关于 babel 的依赖就有这么多，他们分别都是干嘛的呢？每次搭建项目都需要这些依赖吗？

一、前言 前面我们学习了babel插件， 下面我们详细了解下比较黑盒的@babel/helpers 与 @babel/runtime, 虽然很少用到这个库，但他在babel工具链中也扮演了重要角色！

浏览器的发展永远跟不上语言的发展，es6+虽然很普及了，但也不是所有浏览器都可以支持es6+语法。babel的诞生就源于此。 Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版…