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

本文将从前端模块化的发展历史出发，逐步探讨`CommonJS`规范 和 `ES Module`规范之间的异同，最后将深入模块化内部原理进行多维度剖析，彻底弄懂 Web环境下 `Webpack` 是如何

构建体系作为前端工程化中的重要一环，是每一个中级前端跃升高级前端的必经之路，同时也是面试过程中的重灾区。但却很少有人将其进行系统性的梳理，本系列将以此为宗旨，帮助大家从零到一系统性的建立构建知识体系。

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

之所以定这个系列目标是因为： 对构建工具感兴趣，最近开始从 rollup 入手研究打包工具原理； 有个【工具库项目】在做技术选型时定了 rollup

前端工程化，是每一个高级前端开发人员都必须要去深入了解的内容，这也是想要拿到高薪不可避免的一个关键因素。

大家好，我卡颂。 今天来聊聊如何用90行代码实现一个现代JS模块打包器。 我们的打包器虽然迷你，但是实现了webpack的核心功能。 而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话

2022年，rollup是非常值得学习的构建工具。但是官方文档关于插件的介绍实在过于简略，春哥带你搞定！

webpack ensure 有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候，再创建一个 script 对象，加入到 document.head 对象中，浏览器会自动帮我们发起请求，去请求这个 js 文件，然后…