Code-Splitting

释义 Definition

code-splitting：代码拆分；把一个大型 JavaScript 应用按“路由 / 功能 / 组件”等维度切成多个较小的文件（chunk），让浏览器按需加载，从而减少首屏体积、提升加载速度与性能。（在前端工程化中最常见）

发音 Pronunciation (IPA)

/ˈkoʊd ˌsplɪtɪŋ/

例句 Examples

We use code-splitting to make the first page load faster.
我们使用代码拆分来让首页加载更快。

By applying code-splitting with dynamic imports, the app only downloads the editor module when the user opens it.
通过结合动态导入进行代码拆分，应用只会在用户打开编辑器时才下载编辑器模块。

词源 Etymology

code-splitting 是由 code（代码）+ splitting（拆分） 构成的复合词；其中 split 源自古英语 splītan（“劈开、分裂”）。该术语在现代前端打包与模块化（如 Webpack、Rollup、React 等生态）中广泛使用，用来描述“把代码分成可按需加载的块”的优化策略。

相关词 Related Words

• Bundling
• Chunk
• Lazy-Loading
• Dynamic-Import
• Tree-Shaking
• Minification
• Webpack
• Rollup

文学与作品中的用例 Literary / Notable Works

• React 官方文档（React Docs）：在性能优化与“按需加载（lazy）”相关内容中常讨论 code-splitting。
• Webpack 官方文档（Webpack Documentation）：专门章节讲解 Code Splitting（如入口拆分、动态导入、缓存与 chunk 策略）。
• 《Learning React》（O’Reilly）：在构建与性能优化章节中常出现 code-splitting 作为实践方法。