问题：
如题
解决方案：
（一）service
1.providein为root的service，抽离只需要的部分单独注入。
如果有很多不需要被主界面及主界面模块调用的方法和属性，应该将只需要的内容抽离出来，单独注入到使用的地方。试验过，rootin导致service下所有代码都会被注入，没有进行代码剪枝。
2.providein为非root也一样，因为如果在main.js，和root一样的效果，其他地方不会有备份。所以也应该精简
3.直接注入组件，代码会在common.js；组件providedin注入，会在组件所在的模块（如果每个组件单独注入，则会存在多个组件中？暂时未验证？模块级别则每个模块单独一份？猜测是的，因为这样符合service实际内存占用结果）
4.service继承可以减少重复代码
（二）lazy load
通配路由**也可以lazy load，需要注意的是不能有children路由，否则会报错。因为通配已经匹配了所有，故无法再有子路由
（三）route.module
如果子路由非常多，那么这个路由的配置也将非常大，有优化思路但是没有找到现成框架。另外这部分大小貌似在webpack-bundle-analyzer中无法体现，我通过注释前后打包看到main.js文件大小变化得到的结论
（
webpack-bundle-analyzer使用参考：
Angular部署优化工具：webpack-bundle-analyzer | TonyStudio
）
（
优化其实可以结合angular动态加入路由（add routes dynamically in angular 2）
和第(五)结合
）
(四)静态module
即使module类里的代码没有用到，如果是被appmodule直接用到（非懒加载使用），其代码不会剪枝，所有内容都会进入main.js中，因此需要注意相关代码膨胀问题
（五）动态组件
参考官方：
Dynamic component loader文章来源：https://www.toymoban.com/news/detail-707043.html
对于主界面需要延时加载，或者需要开关控制加载的，如果代码比较多，使用此方法可以有效减少首包，加快首屏。文章来源地址https://www.toymoban.com/news/detail-707043.html
到了这里，关于angular：trunk包探究的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
