angularjs - 为什么 Angular 2 项目如此之大

标签 angularjs angular

<分区>

我们正在用 ng2 重写我们的 ng1 项目。我们的 ng1 项目在构建时约为 8mb。我们对 ng2 的重写大约完成了四分之一,而我们的 ng2 prod 构建已经达到 14mb。

dist 文件夹大小的主要差异可归因于源映射的大小不同。这两个项目都包含源映射,但 ng2 源映射要大得多。这对我来说很有意义,因为 ng2 有更多样板,组件被分离出来等等。

最初这个问题被搁置,因为它太大而无法回答。我同意。但这正是我要问的原因。我试图弄清楚 ng2 提供的所有东西,这些东西将使最终的 ng2 产品比 ng1 版本更好。

有了这个,我们可以将哪些实用方法/过程/工具应用到我们的 ng2 开发实践中,以保持最终尺寸小,从而加快用户体验?

最佳答案

前几天我正在尝试使用 Angular 2,我遇到了和你一样的问题,我的 vendor.js 是 6M,这是一个简单的“Hello World”应用程序...

我发现以下帖子对理解我们应该如何处理这个问题(目前)有很大帮助:http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/

他在 1.5M 的应用程序上使用了多种优化和压缩技术(预编译、treeshake、缩小、捆绑和 gzip),将其大小减小到仅 50kb。

看看吧,希望对你有帮助! :)

关于angularjs - 为什么 Angular 2 项目如此之大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41271430/

相关文章:

javascript - AngularJS 将事件发送到另一个 Controller ($broadcast、$window.localStorage 等)

angular - angular2中的表格

Angular 动态设置组件 styleUrls

javascript - 有什么方法可以使用拖放以 Angular 上传 .ply、.STL、.obj 文件吗?

javascript - 如何减少Javascript中的时间计数器

javascript - ng-grid 中的日期选择器不适用于 IE10

javascript - Ionic 选项卡菜单项隐藏

angularjs - 将 View 绑定(bind)到 localStorage 值

javascript - 异步并等待 Angular api响应

angular - Angular 中注入(inject)服务的构造函数何时运行?