本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

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

由于项目越来越庞大复杂，打包时间也非常长，本地开发环境每次重启都要打包好久也和你头疼，正好借此契机对webpack做了v4 到 v5的升级。

Monorepo 与 Multirepo 的概念 “单仓”： 将多个功能独立的项目放到一个Git仓库中进行管理；实现更大程度的代码共享、更便捷的项目开发、管理、测试、发布等流程。 “多仓”：传统的方式

webpack构建过程中直接影响构建效率的，一个是文件的编译，另一个是文件的分类打包。相较之下文件的编译更为耗时，而且在Node环境下文件只能一个一个去处理，因此这块的优化需要解决。那么要怎样优化打包速度呢？ 1. 使用高版本的webpack和node.js 2. 多进程/多实…

前言 webpack 我们每天都在用，但是Tree Shaking知道多少呢，今天就来唠一唠他都帮我们干了些什么？ Tree Shaking 是一种优化方式，在 JavaScript 中用来表示移除无