用途：针对 Ignite UI for React 应用优化打包体积。标准 React 手段（React.lazy + Suspense、路由分割、压缩、bundle 分析器）照常适用，本技能只讲 Ignite UI 特有部分。
体积分布：igniteui-react 声明 sideEffects: false 且按组件分模块，命名导入可良好 tree-shake；重型家族是独立包——igniteui-grid-lite 较小（MIT 网格），igniteui-react-grids 与 igniteui-react-charts/-maps/-gauges 较重且 tree-shaking 较弱。结论：只安装用到的家族，并把重型家族从初始 chunk 中拆出。若仅展示扁平只读数据，将 IgrGrid 降级为 IgrGridLite 常是最大收益，需先查 DATAVIZ.md 功能列表。
导入规则：使用命名导入（如 import { IgrButton, IgrCard } from 'igniteui-react'），避免 import * as IgniteUI，也不要直接从 igniteui-webcomponents 导入，否则会引入第二份元素定义并跳过包装器的自动注册。
分割重型家族：在路由或面板边界懒加载，而非组件级。将网格主题 CSS 导入保留在懒加载 chunk 内，基础主题 CSS 留在入口；.register() 调用也保留在懒加载 chunk 内，图表、仪表、地图模块须在使用它们的文件模块作用域注册。手动分块时可为各家族单独设 chunk（如 ig-core、ig-grids、ig-charts）。
审计：用 grep 查找 JSX 中引用的组件与导入来源，再运行 bundle 分析器检查初始 chunk 是否含 grids/charts。若仍出现，通常是 barrel 文件、通配导入、CommonJS 输出（应设 module: esnext、moduleResolution: bundler）或同时解析了两个作用域的包所致。
限制：具体收益与配置细节需结合实际项目验证，资料未提供量化数据。