Angular两组件模板占包体积过大的原因排查及解决

• 问题现象：使用source-map-explorer分析Angular应用包体积时，发现navmenu.component.html和date-range.component.html对应的打包体积占比约30%，初期怀疑问题出在HTML写法、模块加载方式或组件逻辑本身。
• 排查过程：检查组件模板代码未发现异常，最终定位到组件的SCSS文件：两个组件均重复导入了根目录的app.component.scss，而该文件中引入了体积较大的ag-grid-community主题文件，导致主题代码被多次打包。
• 解决方案：移除navmenu.component.scss和date-range.component.scss中对app.component.scss的冗余导入。
• 优化效果：应用包体积直接减少约1MB。

内容的提问来源于stack exchange，提问作者Matthew DeMichele