本文主要以 webpack5 中一个特性 — Module Federation（模块联邦）为核心，介绍 Module Federation 的原理以及其在业务当中的应用场景。

相信使用过 webpack 的小伙伴，对 tree shaking 功能都不会陌生。**tree shaking**, 通常用于移除 javascript 上下文中未使用的代码(dead-code)。

最近有幸在前端团队里面做了一次关于 webpack 的技术分享。在分享的准备过程中，为了能让大家更好的理解 webpack，特意对市面上以前和现在流行的构建工具做了一个梳理总结。在整理和分享的过程中，

1. 核心概念 entry：入口。webpack是基于模块的，使用webpack首先需要指定模块解析入口(entry)，webpack从入口开始根据模块间依赖关系递归解析和处理所有资源文件。 output：输出。源代码经过webpack处理之后的最终产物。 loader：模块转…

模式配置，webpack 可根据不同的模式选择不同的 内置优化过程。 production: "生产模式"。 当前模式下，部分配置项的默认值如下： development: "开发模式"。当前模式下，部分配置项的默认值如下： cache 配置项的值默认为 true。 webpa…

webpack 提供一个方法 webpack(options, callback) 用于 编译打包源文件。 将用户传入的 配置项 - configOption 标准化， 根据 工作模式(development / production) 给 entry、 optimizatio…

最近，项目组在针对原来的老项目做技术栈升级工作，升级的主要内容是 react 和 antd。经过讨论，最后采取的技术方案是使用 qiankun。具体实施方案为先基于 qiankun 构建一个主应用，然后再部署一个新的子应用，新的子应用使用最新版本的 react、antd 逐步重…

相信不少小伙伴都有听说过这样一个名词 - Webpack 配置工程师。😂，都需要设置专门的岗位去维护了，可见 Webpack 的配置是有多么复杂。 现实也确实如此。发展到现在 5.x 版本， Webp

在上一篇文章 如何快速成为一名熟练的 Webpack 配置工程师 - 上篇 中 ，小编完成了对 entry、resolve、module、optimization、output 这 5 个配置项的梳理