本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

再次请求时，先从映射表中找，看请求的内容是否有缓存，有则加载缓存（类似浏览器的缓存策略，命中缓存），没有就正常打包。 直接从缓存中读取。

本文将从0搭建开发环境，实现一个最简单的模块联邦功能，理解模块联邦原理。 模块联邦工作原理 模块联邦的工作原理其实就是我们有A、B两个项目，我们在A项目里导出一个模块，然后B模块可以引入这个模块进行使

随着Babel、TypeScript、VueLoader、Terser等编译、转译技术的大规模使用，Webpack的编译时间正不断膨胀。为了优化编译速度，社区主要有两种方案： 这些方案在一定程度上解决了编译速度慢的问题，但随之而来的是成堆的配置，严重影响了Webpack的使用体…

缺点：颗粒度太粗，看不出问题所在。 思路：将react, react-dom, redux, react-redux基础包和业务基础打包成一个文件。 方法：创建一个单独的配置文件,一般命名为webpack.dll.js,使用DLLPlugin进行分包，DllReferenceP…

关于前端构建工具，先有gulp、grunt、webpack，现在又有了vite；或许有同学会疑问，我们为什么要使用vite，以及到底该选哪一个呢？这篇文章将会给你答案，并且让你在前端的路上渐行渐远

Chunk 是什么？Webpack 如何根据 entry、异步模块、runtime 配置组装 Chunk？