标签: webpack - 文档

React Suspense与lazy实现代码分割的原理

2026-05-03 12:25:35

React Suspense与lazy实现代码分割的原理代码分割的核心在于将庞大的打包文件拆分成多个小的“块”，并在需要时才下载。React 提供了 React.lazy 和 Suspense 来简化这一过程。本文将深入剖析其背后的工作机制，带你手写一个简易版的 Lazy 组件。第一阶段：构建时

代码分割 React Suspense

46 0

Angular 构建：Angular CLI 与生产构建

2026-04-08 04:14:13

Angular 构建：Angular CLI 与生产构建 Angular CLI 极大简化了从开发到部署的流程，但其构建系统（底层基于 Webpack 或 Esbuild，取决于 Angular 版本）的默认设置与生产环境的最优配置之间存在显著差异。理解两者的区别并正确配置生产构建，是提升应用性能和

Angular 前端开发构建工具

66 0

Vue 构建问题：webpack 配置与生产构建

2026-04-04 20:34:49

Vue 生产构建常见问题与 webpack 优化实战开发环境运行正常的 Vue 项目，部署到生产环境后经常会出现各类问题：打包体积过大导致页面加载缓慢、静态资源路径错误显示空白、图片重复打包进多个 chunk、控制台报找不到模块的错误。这些问题的根源往往在于 webpack 的生产构建配置不够完善

Vue webpack 生产构建

60 0

TypeScript 构建工具：Webpack 与 ts-loader

2026-04-02 18:13:21

TypeScript 构建工具：Webpack 与 tsloader 要让浏览器运行 TypeScript 代码，必须先把 .ts 文件编译成 .js 文件。Webpack 是一个流行的“打包工具”，它可以自动完成这个转换过程，而 tsloader 就是 Webpack 用来处理 TypeScrip

TypeScript Webpack ts-loader

65 0

JavaScript 模块打包工具Tree Shaking原理

2026-04-02 01:33:03

JavaScript 模块打包工具 Tree Shaking 原理 Tree Shaking 是现代 JavaScript 打包工具（如 Webpack、Rollup、Vite）用来移除未使用代码的核心技术。它的目标是在最终打包产物中只保留实际被引用的代码，从而减小文件体积、提升加载速度。 1. T

TreeShaking JavaScript 模块打包

75 0

webpack 共 5 篇文章