一休Code

最新版的webpack5 实现了几个比较重要的优化，提升了构建性能、资源处理、模块联邦等方面的体验。

业务开发中，通信可能会涉及到同源与跨域的场景，Web开发中，`同源策略（协议+域名+端口一致）`是保障用户信息安全的核心机制。但业务中常需实现页面间通信，本文提供了三种主流方案：`同源高效的Broad

Set是一种类似数组的数据结构，成员的值都是唯一的。Map是一种完善的“键值对”集合数据结构，完善了传统的hash结构对象。

Node.js 是运行环境，JS 是开发语言，Webpack 是 “用 JS 写的、跑在 Node.js 上的构建工具”。

Webpack 是一个**模块打包器**，核心工作是把项目中散落的、各种格式的模块（JS/TS/CSS/ 图片等），按照依赖关系打包成浏览器能识别的静态资源。

Chunk：构建过程中的 “代码块”，是逻辑层面的概念（比如入口 chunk、异步 chunk、runtime chunk），Bundle：构建输出的 文件，是物理层面的概念（js/css文件）。

runtime chunk 本质：Webpack 的 “模块调度器”，包含模块映射、加载逻辑、缓存管理，无业务代码

我经历了两个团队，其中一个采用了微前端架构，一个没有采用前端架构，正是因为我亲身感受过这两种不同的架构模式，所以我对这两种模式有着深切的体会，我想分享一下我们到底需不需微前端?我们为什么需要微前端？

我们最近刚把一个后台系统从 element-plus 切成了完全自研组件，CSS 层统一用 Tailwind。全员同意设计稿一致性提升了，但代码里怨言开始冒出来。 这篇文章不讲原理，直接上代码对比和团