什么是模块联邦 在前端项目中，不同团队之间的业务模块可能有耦合，比如A团队的页面里有一个富文本模块（组件），而B团队 的页面恰好也需要使用这个富文本模块。 传统模式下，B团队只能去抄A团队的代码，把这

这篇文章主要介绍了Webpack的代码分割功能。它详细解释了代码分割的原理,并通过一个完整的例子演示了如何在项目中实现代码分割。文章还深入分析了SplitChunksPlugin的源码,阐明了其工作流

引言 什么是loader？ 众所周知，webpack是个只能识别js和json文件的小笨蛋，所以就要有loader来转换，让文件能被webpack识别到，从而顺利打包，loader还能对资源进行优化，

1、常用的webpack配置 前端常用的Webpack配置主要包括以下几个方面，下面将逐一进行介绍： 入口（Entry）: 配置Webpack的打包入口。可以是单个入口，如指定main.js作为入口文

又是一年金九银十，虽然市场一般，如何才能抓住来之不易的机会呢？自然是砥砺自身能力，完善知识体系。 挖下深坑擒虎豹，挂上长线钓金鳌。 本文基于笔者的个人面试经历 + 线上他人面经，筛选整理高频面试题

Webpack 和 Vite 都是前端工程化工具。Webpack 作为老大哥，在前端社区也算站稳了脚跟。随着Vite 的出现，Webpack 的缺陷就慢慢暴露，Vite 逐渐开始替代 Webpack。

Webpack 是一个模块打包工具，它可以分析项目的依赖关系，将这些依赖转换和打包为合适的格式以供浏览器使用。 基本原理 简单介绍一下webpack，我们直接来看看webpack打包后的文件是什么样？

Webpack的成功之处，不仅在于强大的打包构建能力，也在于它灵活的插件机制。 在学习Webpack的时候，经常可以看到上述介绍。也就是说学Webpack的前提是要学习Tapable。才能更好的学习Webpack原理。 其实tapable的核心思路有点类似于node.js中的e…

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式