Har*_*rry 9 production-environment rxjs bundling-and-minification jspm angular
我有一个中小尺寸(约28 KB,包括(TypeScript编译)JS + HTML模板)Angular 2应用程序.
它最初基于angular.io快速入门,但现在我使用JSPM进行捆绑/缩小以进行部署.
我得到的捆绑JS文件是2.1 MB,当使用gzip压缩时,它下降到449 KB.
这仍然相当大,我想问一下如何最好地减少用于部署的应用程序的总体大小,以最小和最有效的捆绑方式交付我的应用程序.
编辑:我应该提一下,我通过单独导入RxJS运算符,将未压缩但缩小的捆绑包大小减少到1.9 MB,例如import 'rxjs/add/operator/map';:所以,除了那之外我还会寻找任何规模的节省.
非常感谢您的帮助.
现在Angular 2已经2.0.0了,有关于Angular应用程序的Ahead of Time编译的文档(即,从TypeScript + HTML模板到Javascript).
编译从Angular 2中删除(模板)编译器,将Angular 2有效负载减少一半.
正如Gunter Zochbauer所提到的那样,支持滚动翻滚,使捆绑尺寸进一步降低.
现在,Angular CLI中的生产捆绑支持树摇动,AoT编译支持也在开发中.
使用ng-cli@1.0.0-beta.17新项目没有任何变化:
ng build --prod:
3.9K styles.b52d2076048963e7cbfd.bundle.js
183K main.8b778eea5dd35968ef66.bundle.js.gz
805K main.8b778eea5dd35968ef66.bundle.js
ng build --prod --aot:
3.9K styles.b52d2076048963e7cbfd.bundle.js
99K main.a2eb733289ef46cb798c.bundle.js.gz
452K main.a2eb733289ef46cb798c.bundle.js
这意味着一个基本的,工作的应用程序现在<100 KB,具有AoT编译,缩小,树抖动和gzipping.
| 归档时间： |
|
| 查看次数： |
9870 次 |
| 最近记录： |