Webpack 的懒加载通过动态 import() 语法实现按需加载模块。它将代码分割成多个独立的 chunk，只有在需要时才加载相应的模块，从而减少初始加载的代码量。通过 SplitChunksPl

在现代前端开发中，我们不再仅仅满足于用JavaScript在客户端渲染页面。为了更好的首屏加载速度和搜索引擎优化（SEO），一系列服务端相关的渲染模式应运而生。 开发者常常会遇到SSR, SSG, I

大家好，我是双越老师。本文是 2025 前端 大前端 全栈 知识体系（上），用全面、体系的思维方式，整理前端和全栈所设计的所有知识点、工具和框架。希望能给大家的学习、工作和面试带来帮助。

所谓monorepo就是同一个仓库管理多个项目的代码，所谓polyrepo就是多个项目的代码分散在多个仓库。 日事清从19年底开始做微应用拆分到现在整整2年时间，这期间针对微应用打包构建做了很多优化，

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

祸兮福之所倚，福兮祸之所伏。——老子 bundle、module、chunk 都是 webpack 中的术语，下面就一个一个介绍他们的定义是什么，怎么产生的。 Bundle是由多个不同的模块生成，bundles 包含了早已经过加载和编译的最终源文件版本。 **Bundle 分离…

前言 从17年第一个博客 (当时真是一点不懂，摸索着,在百度首页搜自己名字搜到自己的网站的时候，觉得这东西还有点意思)。 到后来帮别人搞SEO, 也算有一点浅浅的经验，简单分享一下, 就当给朋友们入门