用angular4.0進行前后端分離已經好幾個月了，現在接近了尾聲，pc端和移動端。可是卻還存在着很多問題，最近這幾天一直在研究懶加載問題，因為通過ng build --prod打包后主文件很大，有2.33Mb，這樣性能不好，為了解決這個問題，網上查了很多，都沒有找到能解決的，有可能是自己懂的知識太少,有查到用wepack壓縮的或者用gulp壓縮的，都嘗試了但都沒能成功（不要嫌棄），也在相關angular群里問了別人，沒有人給出好的方法，既然沒有找到好的辦法把代碼壓縮得更小，那就只能從別的地方下手，主文件之所以那么大是因為angular默認是一開始就加載了所有的模塊，那就讓他別加載所有的模塊，所以想到了懶加載。在angular4.0的文檔上對懶加載解釋得很清楚，代碼也一步步教你怎么寫，鏈接如下https://www.angular.cn/guide/lazy-loading-ngmodules,有需要的朋友可以去看看，我嘗試並且成功了，然后遇到了一個問題，公共組件該如何在模塊配置，也是自己在網上找了解決的方法，公共組件即在多個頁面都用到的組件，在頁面用<app-xxx></app-xxx>引入。
我的解決方法是創建一個公共的模塊，將公共組件聲明在公共模塊里，然后那個頁面需要用到公共組件就在那個頁面引入公共模塊，還有在app.module.ts模塊里也可以引入公共模塊。
我的公共模塊創建命令：ng generate module communal
用到公共組件頁面的模塊
app.module.ts模塊
經過部分頁面配置懶加載以后我的主文件有2.33Mb變成了1.7Mb，可是遠遠不夠呀？還有沒有配置懶加載的文件我想全都配置了，但是遇到了一個我解決不了的問題，就是用到ng2-file-upload第三方庫的頁面配置懶加載后進入頁面報錯，報錯如下：
這個問題我實在解決不了，問了很人和在網上查找了很久，都沒有找到解決的辦法，如果那個大神知道，並且看到了我這篇文章，請大佬告知解決方法，感激不盡！